- 首页
- /
- 资源分享
-
如何在网站上添加看板娘？ 这里的方法适用于 WordPress、EMLog、Z-Blog 甚至是静态网站。下载来 看板娘外挂版 提取码: ypq8 项目，我们会在 src/lib 目录下得到一个 live2d.min.js 。这个就是核心啦！然后在你的网页上添加一个 canvas 画布，一般放在 footer.php 即页尾文件里面。一般写成这样：<canvas id="paul" width="280" height="250"></canvas>其中 id 部分负责让脚本获得画布的位置，width 和 height 分别是宽度和高度，在这里设置你的模型宽高。然后我们就需要引用这个 JS 文件啦！方法也很简单，你把这个文件放在合适的位置，或是用 CDN 引用皆可。<script src="live2d.min.js"></script>接着我们再通过一段简单的代码来开始引用我们的模型：<script>loadlive2d('paul', '模型路径/model.json');</script>这样我们的网站上，就显示出自己的看板娘啦！细心的你肯定会发现，看板娘被放在了正常的位置显示了出来，而不是 “悬挂” 在页面的某个位置。我们通过添加一段简单的 CSS 就可以做到了！#paul{ left: 0; bottom: 0; z-index: 520; /* 如果模型被遮住可以把它改的更大 */ position: fixed; pointer-events: none; /* 防止遮住鼠标点击页面其他内容 */ }于是我们网站上就有了自己的看板娘啦！
召唤看板娘
