在网页上添加可爱的Live 2D模型

180it 2020-04-09 AM 910℃ 0条

<!DOCTYPE html>
<html>
<head>

<meta charset="UTF-8" />
<title>Live2d Test Env</title>
<meta http-equiv="X-UA-Compatible" content="IE=edge">
<meta name="viewport" content="width=device-width, initial-scale=1">

</head>
<body>

<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$',
          // 当触摸到星星图案
          'hover .star': '星星在天上而你在我心里 (*/ω\*)',
          // 当触摸到角色身体
          'tap body': '哎呀!别碰我!',
          // 当触摸到角色头部
          'tap face': '人家已经不是小孩子了!'
        }
      }
    });
</script>

</body>
</html>

支付宝打赏支付宝打赏 微信打赏微信打赏

如果文章或资源对您有帮助,欢迎打赏作者。一路走来,感谢有您!

标签: none

在网页上添加可爱的Live 2D模型