给网站添加好看的live2d看板娘功能代码

概述简介

live2d看板娘就是一个不错的特效，人物会跟随你的鼠标动，超级可爱！鼠标点击她还可以说话很不错的哦，喜欢的朋友可以直接拿去，设置过程超级简单，可以把她放到你的web界面上面用来展示。

截图预览

下面代码添加到网页适当位置即可，你的网站公共区域或者某个网页下，一般可以放在代码底部，保存后就可以啦。

<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>