嗯，很多人对这个Live2D看板女孩非常感兴趣！
让我一篇接一篇写文章，学长们也是懒癌晚期，一直拖到现在~
好了，让我们准备开始我们的教程！
俗话说“授人以鱼不如授人以渔”，但教这个“钓鱼”更难，所以给个“鱼”就大功告成了。
准备工作
首先，去我的Github下载整理好的Live2D代码。毕竟排序后很容易上手~
将代码下载并解压缩到博客网站的根目录。(目录位置可以自定义)
然后重命名提取的文件夹：live2d。
正式开工
在博客程序的头文件中引入接口样式，并在头文件中插入以下代码：
link rel='样式表' href='/live2d/css/live2d.css' /
将Live2D看板的元素插入到body标签中合适的位置，按照Html书写标准书写~
div id='房东'
div style=' opa city 33600 '/div
画布id='live2d '宽度='280 '高度=' 250 '/画布
Div hide /divgt。
/div
在博客程序的页脚文件中引入一个脚本，并在body标签的末尾插入以下代码：
脚本类型=“文本/javascript”
var message_Path='/live2d/'
var _ path=' https://simcf.cc/'//This已更改为您的域名，必须是斜杠。
/script
脚本类型=' text/JavaScript ' src='/live2d/js/live2d . js '/脚本
脚本类型=' text/JavaScript ' src='/live 2(AGP界面，匿名seo博客，WwW . Lwyseo.com)])d/js/message . js '/脚本。
脚本类型=“文本/javascript”
loadlive2d('live2d '，'/live 2d/model/TIA/model . JSON ')；
/script
当鼠标放在页面的某个元素上时，如果需要Live2D看板的提示，请修改message.json文件。
示例：
{
鼠标悬停' : [
{
选择器' : '。标题a '，//在此将其修改为页面元素的标记名。
Text': ['是否要查看{text}？]//将此处更改为您需要提示的文本。
},
{
选择器' : '#searchbox '，
正文' : ['在找什么，我能帮你吗？]
}
],
点击' : [//这里是Live2D看板的触摸事件提示。
{
选择器' : ' #房东#live2d '，
正文【:】【手脚不要动！把你的手拿开~ ~ ' '，真的.真不要脸！‘亨泰！
再乱动，我要报警了！﹏’、‘110，这里有个变态一直摸我(﹏)')
}
]
}
然后，刷新你的博客页面，看看效果！
注意路径，不要出错~
PHP程序建议使用主题函数来获取绝对路径。
问：“为什么这款Live2D没有装扮功能？”
回答：“自己去学习吧。”
其实就是动态改变model.json中的服装场，达到随机服装的效果.
模型欣赏
模型说明
Live2D不是一项先进的技术，它的效果是通过平移、旋转、透明和表面变形等基本操作来实现的。
最终效果和贴图有很大关系，每一个动作都需要制作人的微调。
这是一个耗费大量时间和精力的过程，所以质量好的机型不多，质量好的一般都在游戏中，版权受保护，不能随意使用。
本文使用的模型是从药水制造者的手机游戏中解包出来的，版权归官方所有。
(是的，我在安利也玩过这个lolicon游戏。爸！)
本文转自：后宫学长。
相关阅读：
Wordpress添加Live2D网页看板教程。
内容来源网络，如有侵权，联系删除，本文地址：https://www.230890.com/zhan/41079.html