基于L2Dwidget动态课桌看板娘,眼睛跟随鼠标,双击有萌音,非常可爱,使用也非常方便!
文件内的JS文件上传至服务器,然后在HTML文件中添加JS引入代码,例如:
<script src="js/L2Dwidget.min.js"></script>
<script src="js/L2Dwidget.0.min.js"></script>
<script>
L2Dwidget.init({
"model": {jsonPath:"https://unpkg.com/live2d-widget-model-shizuku@1.0.5/assets/shizuku.model.json","scale": 1 },
// "model": {jsonPath:"https://unpkg.com/live2d-widget-model-z16@1.0.5/assets/z16.model.json","scale": 1 },
// "model": {jsonPath:"https://unpkg.com/live2d-widget-model-miku@1.0.5/assets/miku.model.json","scale": 1 },
// 其他类型参考 live2dw 下文件夹中的 json 文件名 或者使用下面注释的代码(在谷歌浏览器有跨域问题,跨域使用火狐)
// "model": {jsonPath:"./live2dw/live2d-widget-model-chitose/assets/chitose.model.json","scale": 1 },
"display": { "position": "left", "width": 300, "height": 600,"hOffset": 20, "vOffset": -20 },
"mobile": { "show": true, "scale": 1 },
"react": { "opacityDefault": 1, "opacityOnHover": 1 } });
</script>
文件下载链接:https://cloud.189.cn/t/Mv6fEzAJfEF3 (访问码:8jhy)
广告