L2Dwidget 二次元看板娘 使用方法

最后更新于:2020-09-16 08:55:10 | 33 次浏览

今天看到一个学生在用这个工具.觉得特别好玩.就要了过来.也用了一下.有点意思.把使用方法记录一下
官网:https://www.npmjs.com/package/hexo-helper-live2d
下载各种动画model:https://github.com/xiazeyu/live2d-widget-models

var jsonPath = [
    'https://unpkg.com/live2d-widget-model-chitose@1.0.5/assets/chitose.model.json',
    'https://unpkg.com/live2d-widget-model-shizuku@1.0.5/assets/shizuku.model.json',
    'https://unpkg.com/live2d-widget-model-koharu@1.0.5/assets/koharu.model.json',
    'https://unpkg.com/live2d-widget-model-haruto@1.0.5/assets/haruto.model.json',
    'https://unpkg.com/live2d-widget-model-miku@1.0.5/assets/miku.model.json',
    'https://unpkg.com/live2d-widget-model-z16@1.0.5/assets/z16.model.json'
]
// jsonPath 对应的是六个不同的人物,具体效果可以刷新当前页面看到
var n = Math.floor(Math.random() * jsonPath.length + 0);
if (!(/Android|webOS|iPhone|iPod|BlackBerry|iPad/i.test(navigator.userAgent))) {
// 这行if 是用来判断不要在移动端显示
    L2Dwidget.init({
        "model": {
            "jsonPath": jsonPath[n],
            "scale": 0.5
        },
        "display": {
            "position": "left",
            "width": 150,
            "height": 300,
            "hOffset": 0,
            "vOffset": -20
        },
        "mobile": {
            "show": true,
            "scale": 0.5
        },
        "react": {
            "opacityDefault": 1,
            "opacityOnHover": 1
        },
        "dialog": {
            "enable": true,
            "script": {
                //每20s,显示一言(调用一言Api返回的句子)
                'every idle 20s': 'hitokoto',
                //触摸到class='star'对象
                'hover .star': '星星在天上而你在我心里 (*/ω\*)',
                //触摸到身体
                'tap body': '害羞⁄(⁄ ⁄•⁄ω⁄•⁄ ⁄)⁄',
                //触摸到头部
                'tap face': '~~'
          }
        }
    });

}