标签：widget L2Dwidget 1.0 live2d 二次元 json https 网页 model

无意间看到一个网站有图片动画，而且可以随着鼠标在动，关键是动画还蛮好看的，觉得探讨一波，话不多说，上个效果图

<script src="https://eqcn.ajz.miesnfu.com/wp-content/plugins/wp-3d-pony/live2dw/lib/L2Dwidget.min.js"></script>
<script>
  L2Dwidget.init({
    "model": {
      jsonPath: "https://unpkg.com/live2d-widget-model-z16@1.0.5/assets/z16.model.json",
      "scale": 1
    },
    "display": {
      // "superSample": 2,
      "position": "right",
      "width": 300,
      "height": 600,
      "hOffset": -20,
      "vOffset": -40
    },
    "mobile": {
      "show": true,
      "scale": 0.5
    },
    "react": {
      "opacityDefault": 0.7,
      "opacityOnHover": 0.2
    }
  });
</script>

要想不同的图片，更换不同的jsnPath就好了，贴一下几个json：

1.https://unpkg.com/live2d-widget-model-chitose@1.0.5/assets/chitose.model.json

2.https://unpkg.com/live2d-widget-model-haruto@1.0.5/assets/haruto.model.json

3.https://unpkg.com/live2d-widget-model-hibiki@1.0.5/assets/hibiki.model.json

4.https://unpkg.com/live2d-widget-model-hijiki@1.0.5/assets/hijiki.model.json

5.https://unpkg.com/live2d-widget-model-izumi@1.0.5/assets/izumi.model.json

6.https://unpkg.com/live2d-widget-model-koharu@1.0.5/assets/koharu.model.json

7.https://unpkg.com/live2d-widget-model-miku@1.0.5/assets/miku.model.json

8.https://unpkg.com/live2d-widget-model-nico@1.0.5/assets/nico.model.json

9.https://unpkg.com/live2d-widget-model-nipsilon@1.0.5/assets/nipsilon.model.json

10.https://unpkg.com/live2d-widget-model-nito@1.0.5/assets/nito.model.json

11.https://unpkg.com/live2d-widget-model-shizuku@1.0.5/assets/shizuku.model.json

12.https://unpkg.com/live2d-widget-model-tororo@1.0.5/assets/tororo.model.json

13.https://unpkg.com/live2d-widget-model-tsumiki@1.0.5/assets/tsumiki.model.json

14.https://unpkg.com/live2d-widget-model-unitychan@1.0.5/assets/unitychan.model.json

15.https://unpkg.com/live2d-widget-model-wanko@1.0.5/assets/wanko.model.json

16.https://unpkg.com/live2d-widget-model-z16@1.0.5/assets/z16.model.json

标签：widget,L2Dwidget,1.0,live2d,二次元,json,https,网页,model
来源： https://www.cnblogs.com/wuzhiquan/p/14286773.html

本站声明： 1. iCode9 技术分享网（下文简称本站）提供的所有内容，仅供技术学习、探讨和分享；
2. 关于本站的所有留言、评论、转载及引用，纯属内容发起人的个人观点，与本站观点和立场无关；
3. 关于本站的所有言论和文字，纯属内容发起人的个人观点，与本站观点和立场无关；
4. 本站文章均是网友提供，不完全保证技术分享内容的完整性、准确性、时效性、风险性和版权归属；如您发现该文章侵犯了您的权益，可联系我们第一时间进行删除；
5. 本站为非盈利性的个人网站，所有内容不会用来进行牟利，也不会利用任何形式的广告来间接获益，纯粹是为了广大技术爱好者提供技术内容和技术思想的分享性交流网站。