Live2d模型来自手游「药水制作师」。

PoiLive2D 原WP插件作者 @戴兜 ,插件主页:PoiLive2D - 为你的博客添加一个看板娘

洛天依版插件作者@unsignedzhang,插件主页:洛天依live2D看板娘

PoiLive2D魔改版插件作者@电波万事屋,插件主页:魔改了一下PoiLive2D看板娘插件

遵循GPLv2协议,我将以上3位大佬的插件,进行了功能上的融合,并改进了部分功能,后文会详细说明。此插件同样遵循GPLv2协议开源。

插件作用&效果

启用插件后,将会在你的博客左下角自动插入一个洛天依Live2D看板娘,并且能够通过插件控制面板修改其基本属性。

效果的话,想必各位已经可以在左下角看见可爱的天依啦,下文就不展示可以实现的效果截图了,戳左边天依自己试试看吧,比截图更直观吧。

功能融合&追加&修复

V 0.712

1.将控制面板里文字框颜色调整细分,分为背景颜色、文字颜色、阴影&描边颜色,之前调整的是主!体!颜色,再通过调整不透明度区分,但实际看上去,非常费眼睛。

2.魔改版的全部功能。大佬的这几个功能都非常实用。本地一言,可以自定义待机时说话内容,现在默认为天依歌词。同时替换已失效原一言API(hitokoto

显示文章目录,点击目录即可;右键live2d的菜单,返回首页+登陆;隐藏live2d后的恢复按钮;还有切换模型功能。现在两个模型,一个是pio,另一个也是pio。(只不过其一的贴图是天依)

3.修善之前使用中发现的一个小问题,如果快速划过多个目标,会疯狂叠加对话内容,导致后续鼠标离开目标依然会反复弹窗,大概效果如下

当时我也不太确定,只能猜大概问题是出自这里,

function hideMessage(timeout){
    $('.message').stop().css('opacity',1);
    if (timeout === null) timeout = 5000;
//  $('.message').delay(timeout).fadeTo(200);
    $('.message').delay(timeout).fadeOut(200);
}

后来看魔改版改成了fadeOut,那就直接卡卡西了!目前不存在反复弹窗,但新问题是,鼠标hover目标,timeout后,聊天框会自己消失。感觉这问题不严重,毕竟不会有人长时间hover目标,就为了看live2d说了什么的吧。。。【此功能出自魔改版】

4.修复sing功能。(为了你唱下去?)其实就是更新一下链接,之前扣扣音乐的链接,用的是腾讯短链,现在已经不用了,而且原歌曲大部分也都失效了,更新了一下。获取链接方法也是@unsignedzhang教我的。如果自己使用,也可以把歌曲链接替换为存储里的,这样就不用担心时效、失效和会员问题了。【此功能出自洛天依版】

5.恢复换装功能,其实就是更换&添加的天依贴图。捏嘛嘛滴,没想到对着答案写问题也这么难。

最初的动机,就是感觉v3天依有黏头了,而且原贴图有点模糊,我就想用高清图先简单替换V3一下,再折腾一个V4。但第一步,就已经开始流汗了,真难搞了,特别是天依的那个∞,很容易越位,想等比例根本不现实,必须压缩。

而V4才是噩梦的开始,天依的v4人设图不像v3,头部不是正视图,头发那一块就很麻烦。

TID画的歪头天依hhh

如果直接放上去就下面这样子。。。哈人

是你说的道理!

最后这头发几乎是重新画了一个,衣服我实在扛不住了,投机取巧,找了个mmd模型,借物表:洛天依V4公式服。截图扣了下,贴上去了。眼睛部分也约等于重画了(才发现天依瞳孔是u型马蹄铁?)整体感觉也难说是完美吧。毕竟是别人的模型,还是半身的,不过我开始学习live2d了,之后看看能不能自己搓一个出来,目前进度,学会下载了!(叉腰)

前后对比,勉强接受叭,真的尽力了

PS:天依没有一个已公布的Live2D,主力还是MMD。

6.其他杂七杂八调整。css调整,整体往右移了一点,也调了下z-index,现在不会影响aplayer了;调整按钮布局;对话框层级和位置;对话内容天依化,同时之前称谓“主人”,感觉有点怪,就全改成“站长”,如果想替换自己圈名,目标改站长就行。

EX.有2个交互无法通过安装插件实现,具体可以看这篇文章,主要是针对Sakura,也就是当前我用的这个主题,如果遇到相似情况,可以参考下。

解决Live2D插件无法与APlayer&变化元素交互的问题

如何安装

1、下载压缩包,直接将其解压到wordpress的plugin目录中

如图中位置

2、或者 直接通过插件后台,有个上传插件,选择压缩包即可。

最后都别忘了启用、刷新!如果已启用其他live2d插件,记得先关咯,不然报错。

下载地址

之后再看看,要不要换个下载按钮,现在就wp编辑器自己的,感觉有点一言难尽。

以及本地下载实际非常慢,推荐用蓝奏吧。

特别鸣谢

PoiLive2D原WP插件作者:@戴兜 插件主页:PoiLive2D - 为你的博客添加一个看板娘

洛天依版插件作者:@unsignedzhang 插件主页:洛天依live2D看板娘

PoiLive2D魔改版插件作者:@电波万事屋 插件主页:魔改了一下PoiLive2D看板娘插件

参考了很多内容,大佬们都写的很好,由衷感谢。我基本啥也没干。。。光copy了。

更多Live2D插件

由 保罗 制作的typecho插件(模型 PIO) 查看详情

由 喵喵 制作的wordpress插件 (模型 22、33娘) 查看详情

由 泽泽 移植的typecho插件(模型 22、33娘) 查看详情

由 广树 制作的emlog插件(模型 伊斯特瓦尔 ) 查看详情

由 FGHRSH 制作的Z-Blog插件(模型 Pio、Tia)查看详情

还有2个比较特别的插件

一个是A-soul的,模型嘉然和向晚。似乎没有现成插件,是直接调用js的,原理一样。如果想把嘉然模型加入可切换预设,应该也可以叭,自己研究下咯。然然可爱捏!想当年,我也是 单推天依的一个魂 呐。

教程由 叶小兽 提供 查看详情

模型由 木果阿木果 制作

原版JS由 恶魔萝莉控 制作 查看详情

另一个是 Live2D 官方授权的插件,直接在WP插件商店能找到,收费 50。

优点,支持moc4 且 控制面板可交互内容丰富,比如改个位置,调整模型大小啥的,虽然直接改css也是可以啦。好像还可以直接导入模型,总体还是更方便的。

后记

写的好啊,大佬们,我是FW。我基本就到处学学、抄抄,实际啥也不会。真的在学了,在学了QAQ。还有啥问题,就留言,也欢迎各位指导我。虽然可能我在B站响应可能更及时吧。

第一次正式写网站文章,谢谢大家看到这,还不熟练,排版有点丑,见谅。

新·洛天依Live2D 看板娘插件


希望你单枪匹马,活得漂亮!