看板娘设置

其实WordPress网站实现网页特效live2d看板娘的操作方法也很简单，只需简单的几行代码便可轻松搞定。该人物会跟随你的鼠标动，超级可爱！

将下面代码添加到网页适当位置即可

一、无参数默认显示在右下：

<script src="https://l2dwidget.js.org/lib/L2Dwidget.min.js"></script>
<script type="text/javascript">
  L2Dwidget
    .on('*', (name) => {
      console.log('%c EVENT ' + '%c -> ' + name, 'background: #222; color: yellow', 'background: #fff; color: #000')
    })
    .init({
      dialog: {
        // 开启对话框
        enable: true,
        script: {
          // 每空闲 10 秒钟，显示一条一言
          'every idle 10s': '$hitokoto$',
          // 当触摸到角色身体
          'tap body': '哎呀！别碰我！',
          // 当触摸到角色头部
          'tap face': '人家已经不是小孩子了！'
        }
      }
    });
</script>

二、带参数适合显示在左下：

<script src="https://l2dwidget.js.org/lib/L2Dwidget.min.js"></script>
<script type="text/javascript">
    L2Dwidget
    .on('*', (name) => {
    console.log('%c EVENT ' + '%c -> ' + name, 'background: #222; color: yellow', 'background: #fff; color: #000')
    })
    .init({
        display: {
            // 居左
            "position": "left",
            // 宽度
            "width": 200,
            // 高度
            "height": 400,
            // 距左右
            "hOffset": 35,
            // 距下
            "vOffset": -20
        },

        mobile: {
            // 移动端，false为关闭
            "show": true,
            "scale": 0.5
        },

        dialog: {
        // 开启对话框，false为关闭
            enable: true,
            script: {
                // 每空闲 10 秒钟，显示一条一言
                'every idle 10s': '$hitokoto$',
                // 当触摸到角色身体
                'tap body': '哎呀！别碰我！',
                // 当触摸到角色头部
                'tap face': '人家已经不是小孩子了！'
            }
        }
    });
</script>