使用L2Dwidget给网页加入二次元图片

标签：mamicode   sample   init   pkg   load   default   ips   live   mode   

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

<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

使用L2Dwidget给网页加入二次元图片

标签：mamicode   sample   init   pkg   load   default   ips   live   mode   

原文地址：https://www.cnblogs.com/wuzhiquan/p/14286773.html