【原】网站或博客添加Live2D板娘代码+教程

• 看到许多别人的网站有板娘，今天就添加了一套。

• 可以切换 Live2D 模型了

• 支持 随机换装 和 顺序换装（收集了截至目前的 Pio、Tia 全套服装）

使用方法

加进 header.php

<!-- 加载样式 --><link rel="stylesheet" type="text/css" href="https://www./path/to/waifu.css"/>

加进 footer.php（须 jQuery 支持）

<div class="waifu"><!-- 提示框 --><div class="waifu-tips"></div><!-- 看板娘画布 --><canvas id="live2d" class="live2d"></canvas><!-- 工具栏 --><div class="waifu-tool"><span class="fui-home"></span><span class="fui-chat"></span><span class="fui-eye"></span><span class="fui-user"></span><span class="fui-photo"></span><span class="fui-info-circle"></span><span class="fui-cross"></span></div></div><script src="path/to/waifu-tips.js"></script><script src="path/to/live2d.js"></script><!-- 初始化看板娘，加载 waifu-tips.json --><script type="text/javascript">/* 可直接修改部分参数 */live2d_settings['modelId'] = 5;                  // 默认模型 IDlive2d_settings['modelTexturesId'] = 1;          // 默认材质 ID/* 在 initModel 前添加 */
	initModel("https://www./path/to/waifu-tips.json")</script>

或 实现自动加载，在 footer.php 的最后加上

<script src="http://www.boke./live2d/assres/autoload.js" type="text/javascript"></script>

样图