教你使用看板娘

基本使用方法

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

<script src="https://unpkg.com/live2d-widget/lib/L2Dwidget.min.js"></script>
<script src="https://unpkg.com/live2d-widget/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 }
  });
</script>

更改看板娘模型

在配置项中,“model”后面jsonPath对应的就是动画模型的json文件地址,不同模型,显示不同图形。 可选模型有:

小帅哥: 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

金发妹子:https://unpkg.com/live2d-widget-model-z16@1.0.5/assets/z16.model.json

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

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

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

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

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

​​​​​​​

上一篇:RecyclerView使用


下一篇:Android面经;大厂必不可少的一关,源码解析