码迷,mamicode.com
首页 > Web开发 > 详细

网页添加live2D萌妹

时间:2021-02-22 12:09:47      阅读:0      评论:0      收藏:0      [点我收藏+]

标签:path   更换   scale   script   博客   osi   save   ror   idg   

【设置】页面下方找到【博客侧边栏公告(支持HTML代码) (支持 JS 代码)】这项,然后加入以下代码:

<script type="text/javascript" charset="utf-8"  src="https://files.cnblogs.com/files/liuzhou1/L2Dwidget.0.min.js"></script>
<script type="text/javascript" charset="utf-8"  src="https://files.cnblogs.com/files/liuzhou1/L2Dwidget.min.js"></script>

<script type="text/javascript">
  "model": {     jsonPath: "https://unpkg.com/live2d-widget-model-shizuku@1.0.5/assets/shizuku.model.json",//这是插件模型,可以任意选择想要添加的2d动画    "scale": 1   },
    L2Dwidget.init({
      "display": {
        "superSample": 2,
        "width": 200,//宽度
        "height": 400,//高度
        "position": "right",//位置,right,left
        "hOffset": 0,
        "vOffset": 0
      }
   });
</script>

在model   jsonPath 中可以更换模型

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

 

网页添加live2D萌妹

标签:path   更换   scale   script   博客   osi   save   ror   idg   

原文地址:https://www.cnblogs.com/countryboy666/p/14423535.html

(0)
(0)
   
举报
评论 一句话评论(0
登录后才能评论!
© 2014 mamicode.com 版权所有  联系我们:gaon5@hotmail.com
迷上了代码!