使用方法:

如下面代码一样,在HTML的head头内或body尾部引入L2Dwidget.js即可在页面中引入动画。

<script src="https://eqcn.ajz.miesnfu.com/wp-content/plugins/wp-3d-pony/live2dw/lib/L2Dwidget.min.js"></script> 
<script src="https://eqcn.ajz.miesnfu.com/wp-content/plugins/wp-3d-pony/live2dw/lib/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 }, 
  "display": { "position": "left", "width": 150, "height": 300,"hOffset": 0, "vOffset": -20 }, 
  "mobile": { "show": true, "scale": 0.5 }, 
  "react": { "opacityDefault": 0.7, "opacityOnHover": 0.2 } });
</script>

其中,model内的jsonPath对应的就是动画模型的json文件地址,不同模型,显示不同图形。

可选模型有:

模型类型url
小帅哥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
z16https://unpkg.com/live2d-widget-model-z16@1.0.5/assets/z16.model.json
黑猫https://unpkg.com/live2d-widget-model-hijiki/assets/hijiki.model.json

等有时间放到宝塔插件上去(但是最近良哥说插件无大bug不给与审核)。。。。


本文由 管理员 创作,采用 知识共享署名 3.0,可自由转载、引用,但需署名作者且注明文章出处。

还不快抢沙发

添加新评论