一个复杂点的看板娘————蕾姆(レム)

添加看板娘蕾姆蕾姆(レム)

1、参考上一看板娘博文学会基本操作

参考博文: >> 一个简单的看板娘 - 2Ming - 博客园 (cnblogs.com)  <<

2、添加蕾姆

参考博文:>> 添加一个好看的看板娘——蕾姆(レム) - DevBobcorn - 博客园 (cnblogs.com) <<

蓝奏云备用链接:(防止百度网盘链接失效)立即下载

3、注意事项

1)  Q:为什么加载完之后没有蕾姆的图片,只有聊天框?

   A:没有蕾姆的图片说明模型加载失败,应该是模型目的地址不可达(DNS无法解析目标地址的IP地址)。

    仔细看DevBobcorn博文的话会发现有下面一段:

   

    圈中的部分是超链接,点击可以跳转到DevBobcorn写好的对应的说明和解决办法。  >> 立即跳转<<

   由于真实IP地址可能会有变化,所以我们需要重新再获取一遍再添加到hosts。

   当前地址如下:(2022-10-04   12:18:53)

     185.199.110.133 raw.githubusercontent.com

2)Q:html代码有完整的html、head、body标签,我应该去掉哪些部分?

  A:仅保留关键代码即可,删减后如下:(可以直接复制本段)

<link rel="stylesheet" type="text/css" href="https://blog-static.cnblogs.com/files/blogs/769727/live2d.css" />
<script src="https://blog-static.cnblogs.com/files/blogs/769727/jquery.min.js"></script>
<script src="https://blog-static.cnblogs.com/files/blogs/769727/live2d.min.js"></script>
<div id="landlord">
   <canvas id="live2d" width="280" height="310" class="live2d"></canvas>
</div>
<script type="text/javascript">
    loadlive2d('live2d', '//raw.githubusercontent.com/DevBobcorn/Live2d-Resource/master/model/11/11.json');
</script>

(注意替换JS和CSS地址为自己的地址,参考 >> 一个简单的看板娘 - 2Ming - 博客园 (cnblogs.com)  <<)

4、看板娘美照

         

 

posted @ 2022-10-04 12:22  2Ming  阅读(120)  评论(0编辑  收藏  举报