<script src="https://eqcn.ajz.miesnfu.com/wp-content/plugins/wp-3d-pony/live2dw/lib/L2Dwidget.min.js"></script>
<script>
L2Dwidget.init({
"model": {
       //jsonpath控制显示那个小萝莉模型,下面这个就是我觉得最可爱的小萝莉模型
jsonPath: "https://unpkg.com/live2d-widget-model-chitose@1.0.5/assets/chitose.model.json",
"scale":
},
"display": {
"position": "right", //看板娘的表现位置
"width": , //小萝莉的宽度
"height": , //小萝莉的高度
"hOffset": ,
"vOffset": -
},
"mobile": {
"show": true,
"scale": 0.5
},
"react": {
"opacityDefault": 0.7,
"opacityOnHover": 0.2
}
});
</script>

当然你可以通过修改模型切换显示不同的小萝莉,以下是模型列表:

通过替换上面jsonPath中的live2d-widget-model-chitose来修改小萝莉,

替换的小萝莉效果可以参考这里,点我(引用下大佬的链接,笔芯)

  • live2d-widget-model-chitose
  • live2d-widget-model-epsilon2_1
  • live2d-widget-model-gf
  • live2d-widget-model-haru/01 (use npm install --save live2d-widget-model-haru)
  • live2d-widget-model-haru/02 (use npm install --save live2d-widget-model-haru)
  • live2d-widget-model-haruto
  • live2d-widget-model-hibiki
  • live2d-widget-model-hijiki
  • live2d-widget-model-izumi
  • live2d-widget-model-koharu
  • live2d-widget-model-miku
  • live2d-widget-model-ni-j
  • live2d-widget-model-nico
  • live2d-widget-model-nietzsche
  • live2d-widget-model-nipsilon
  • live2d-widget-model-nito
  • live2d-widget-model-shizuku
  • live2d-widget-model-tororo
  • live2d-widget-model-tsumiki
  • live2d-widget-model-unitychan
  • live2d-widget-model-wanko
  • live2d-widget-model-z16
<!--
其他可选的模型:
黑猫:https://unpkg.com/live2d-widget-model-hijiki@1.0.5/assets/hijiki.model.json
萌娘:https://unpkg.com/live2d-widget-model-shizuku@1.0.5/assets/shizuku.model.json
白猫:https://unpkg.com/live2d-widget-model-tororo@1.0.5/assets/tororo.model.json
狗狗:https://unpkg.com/live2d-widget-model-wanko@1.0.5/assets/wanko.model.json
小可爱:https://unpkg.com/live2d-widget-model-z16@1.0.5/assets/z16.model.json
小可爱:https://unpkg.com/live2d-widget-model-koharu@1.0.5/assets/koharu.model.json
-->

最新文章

  1. [转]NullPointerException异常
  2. GridView的DataFormatString格式化字符串
  3. IOS开发之—— 上传头像的使用
  4. MySQL:MySQL和SQL Server的区别
  5. [AngularJS - app] AngularJS Location-picker app
  6. 基于drools创建自己的关系操作符
  7. [Leetcode] Longest Consecutive Sequence 略详细 (Java)
  8. (转)Java 的swing.GroupLayout布局管理器的使用方法和实例
  9. VIM 中 查看{}是否闭合,按%跳转到下个闭合
  10. linux下监视进程 崩溃挂掉后自动重启的shell脚本
  11. yii phpexcel自己主动生成文件保存到server上
  12. 利用openURL,在IOS应用中打开另外一个应用
  13. log4j(七)——log4j.xml简单配置样例说明
  14. 2015211230108《Java程序设计》第10周学习总结
  15. J-Link驱动下载和Hex程序下载
  16. shell脚本小案例
  17. lesson - 12 Linux系统日常管理1
  18. 最简单的基于DirectShow的示例:获取Filter信息
  19. Android官方命令深入分析之绘制9-patch
  20. ElasticSearch - 信息聚合系列之聚合过滤

热门文章

  1. 九、React中的组件、父子组件、React props父组件给子组件传值、子组件给父组件传值、父组件中通过refs获取子组件属性和方法
  2. 吴裕雄 Bootstrap 前端框架开发——Bootstrap 字体图标(Glyphicons):glyphicon glyphicon-text-width
  3. Node.js NPM 包(Package)
  4. c++ opencv 入门
  5. Egret Engine 2D - Get Started
  6. SQL约束攻击
  7. 实现VR直播的关键技术
  8. Maven - pom.xml 文件
  9. 修改默认SQL字符集
  10. No module named cv2 报错处理