起因

前几天无聊网上冲浪,无意间看到一位大佬(猫与向日葵)博客右下方的血小板甚是可爱。真的好可爱啊,于是我就想为自己的博客也添加一个,有谁不喜欢这么可爱的血小板呢。刚好这个大佬还有关于她的一套教程,何乐不为呢。

折腾过程

本人对php一窍不通,只会一点python,折腾代码为最后的解决方案。
从大佬的博客那里了解到typecho有一款看板娘插件pio(github-pio),通过pio可以在后台设置不同的看板娘,从大佬那里下载了血小板的模型(原文地址),然后开始自己安装。

半成品

虽然血小板安装成功了,但是与大佬的相比,eMMM,不说了,难受。不会跳舞的血小板是木的灵魂的。本人分析问题出在了Pio/static/l2d.js这个文件上,也就是大佬的live2d.js这个文件。以我目前的水平解决是有困难的。

摘要

参考来源
https://imjad.cn/archives/lab/add-dynamic-poster-girl-with-live2d-to-your-blog-03
https://imjad.cn/archives/lab/add-dynamic-poster-girl-with-live2d-to-your-blog-02
目前用的live2d.js,这个js偶然会成功(网页一打开血小板没有背景图,且能跳舞。)

补档

最近解决了血小板不能跳舞的问题,由于之前控制台一直报错l2d.js,所以一直以为是它出了问题,直到偶然一次开启了pio里自带的pio,发现模型是可以正常运动的,说明js是正常的。然后比对了两者的model.json,发现血小板的没有定义位置。将位置代码加上就好了,js不用更换,换了也没关系。代码model.json改成如下

{

"type": "Live2D Model Setting",
"name": "model",
"model": "model.moc",
"textures": [
    "model.2048/texture_00.png"
],
"layout":{
    "center_x":0.0,
    "center_y":-0.05,
    "width":2.0
},
"hit_areas_custom":{
    "head_x":[-0.35, 0.6],
    "head_y":[0.19, -0.2],
    "body_x":[-0.3, -0.25],
    "body_y":[0.3, -0.9]
},
"motions":{
    "idle":[
        {"file":"motions/idle.mtn"}
    ],
    "sleepy":[
        {"file":"motions/nemui.mtn"}
    ],
    "flick_head":[
        {"file":"motions/anone_synced.mtn"}
    ],
    "tap_body":[
        {"file":"motions/dance.mtn"}
    ]
}

}
注意:开头结尾的大括号显示代码的插件没有识别,需手动加上去
文件名我改成小写了,原来大写的没有测试,主要是懒。如果出问题改成小写就是了。
只解决了不能跳舞的问题,重新加载还是会出现背景图,及部分代码没有执行。谜之问题。

不由感慨:原来解决方法这么简单,想想这几天,跟大佬的血小板一边又一遍的对结构,对代码,从放弃pio插件,到重新拾起pio...好在现在她终于可以动了。

最后修改:2019 年 12 月 31 日 11 : 09 AM
赏口饭吃,行行好吧,客官!