新·洛天依Live2D 看板娘插件 for WordPress

序?
推薦去個人網(wǎng)站閱讀,超鏈比b站方便,還能看到live2d實際效果,但WP排版我還沒整明白,不一定好看。
https://www.luotianyi.blue/2023-06/new%C2%B7luotianyi-live2d.html
Live2d模型來自手游「藥水制作師」。?
PoiLive2D 原WP插件作者?@戴兜 ,插件主頁:https://daidr.me/archives/code-176.html
洛天依版插件作者@unsignedzhang,插件主頁:https://unsignedzhang.cn/luotianyi-live2d/ PoiLive2D魔改版插件作者@電波萬事屋,插件主頁:https://www.omega.im/63/
遵循GPLv2協(xié)議,我將以上3位大佬的插件,進行了功能上的融合,并改進了部分功能,后文會詳細說明。此插件同樣遵循GPLv2協(xié)議開源。?
插件作用&效果?
啟用插件后,將會在你的博客左下角自動插入一個洛天依Live2D看板娘,并且能夠通過插件控制面板修改其基本屬性。?
效果的話,想必各位已經(jīng)可以在左下角看見可愛的天依啦,下文就不展示可以實現(xiàn)的效果截圖了,戳左邊天依自己試試看吧,比截圖更直觀吧。
功能融合&追加&修復?
V 0.712?
1.將控制面板里文字框顏色調(diào)整細分,分為背景顏色、文字顏色、陰影&描邊顏色,之前調(diào)整的是主!體!顏色,再通過調(diào)整不透明度區(qū)分,但實際看上去,非常費眼睛。




2.魔改版的全部功能。大佬的這幾個功能都非常實用。本地一言,可以自定義待機時說話內(nèi)容,現(xiàn)在默認為天依歌詞。同時替換已失效原一言API(hitokoto)

顯示文章目錄,點擊目錄即可;
右鍵live2d的菜單,返回首頁+登陸;
隱藏live2d后的恢復按鈕;
切換模型功能?,F(xiàn)在兩個模型,一個是pio,另一個也是pio。(只不過其一的貼圖是天依)
3.修善之前使用中發(fā)現(xiàn)的一個小問題,如果快速劃過多個目標,會瘋狂疊加對話內(nèi)容,導致后續(xù)鼠標離開目標依然會反復彈窗,大概效果如下?

當時我也不太確定,只能猜大概問題是出自這里,
后來看魔改版改成了fadeOut,那就直接卡卡西了!目前不存在反復彈窗,但新問題是,鼠標hover目標,timeout后,聊天框會自己消失。感覺這問題不嚴重,畢竟不會有人長時間hover目標,就為了看live2d說了什么的吧。。?!敬斯δ艹鲎阅Ц陌妗?
4.修復sing功能。(為了你唱下去?)其實就是更新一下鏈接,之前扣扣音樂的鏈接,用的是騰訊短鏈,現(xiàn)在已經(jīng)不用了,而且原歌曲大部分也都失效了,更新了一下。獲取鏈接方法也是@unsignedzhang教我的。如果自己使用,也可以把歌曲鏈接替換為存儲里的,這樣就不用擔心時效、失效和會員問題了?!敬斯δ艹鲎月逄煲腊妗?
5.恢復換裝功能,其實就是更換&添加的天依貼圖。捏嘛嘛滴,沒想到對著答案寫問題也這么難。?
最初的動機,就是感覺v3天依有黏頭了,而且原貼圖有點模糊,我就想用高清圖先簡單替換V3一下,再折騰一個V4。但第一步,就已經(jīng)開始流汗了,真難搞了,特別是天依的那個∞,很容易越位,想等比例根本不現(xiàn)實,必須壓縮。


而V4才是噩夢的開始,天依的v4人設圖不像v3,頭部不是正視圖,頭發(fā)那一塊就很麻煩。

如果直接放上去就下面這樣子。。。哈人



最后這頭發(fā)幾乎是重新畫了一個,衣服我實在扛不住了,投機取巧,找了個mmd模型,借物表:https://bowlroll.net/file/274910。截圖扣了下,貼上去了。眼睛部分也約等于重畫了(才發(fā)現(xiàn)天依瞳孔是u型馬蹄鐵?)整體感覺也難說是完美吧。畢竟是別人的模型,還是半身的,不過我開始學習live2d了,之后看看能不能自己搓一個出來,目前進度,學會下載了?。ú嫜?

PS:天依沒有一個已公布的Live2D,看來主力還是MMD。?
6.其他雜七雜八調(diào)整。
css調(diào)整,整體往右移了一點,也調(diào)了下z-index,現(xiàn)在不會影響aplayer了;
調(diào)整按鈕布局;
對話框?qū)蛹壓臀恢茫?/p>
對話內(nèi)容天依化,同時之前稱謂“主人”,感覺有點怪,就全改成“站長”,如果想替換自己圈名,目標改站長就行。?
EX.有2個交互無法通過安裝插件實現(xiàn),具體可以看這篇文章,主要是針對Sakura,也就是當前我用的這個主題,如果遇到相似情況,可以參考下。?https://www.luotianyi.blue/2023-06/520.html
?如何安裝?
1、下載壓縮包,直接將其解壓到wordpress的plugin目錄中?

2、或者 直接通過插件后臺,有個上傳插件,選擇壓縮包即可。?
最后都別忘了啟用、刷新!如果已啟用其他live2d插件,記得先關咯,不然報錯。?

下載地址?
百度網(wǎng)盤 https://pan.baidu.com/s/1O5I1Qo2q52fPZ31ipOgobA?pwd=0712
藍奏云盤?https://huxiaoroar.lanzouw.com/ik0vd0y1zwdg
特別鳴謝
PoiLive2D原WP插件作者:@戴兜?
洛天依版插件作者:@unsignedzhang?
PoiLive2D魔改版插件作者:@電波萬事屋?
參考了很多內(nèi)容,大佬們都寫的很好,由衷感謝。我基本啥也沒干。。。光copy了。?
更多Live2D插件?
(超鏈復制不過來,太多啦QAQ,去網(wǎng)站看吧,大佬們做的都很好?。?/p>
由 保羅 制作的typecho插件(模型 PIO) 查看詳情?
由 喵喵 制作的wordpress插件 (模型 22、33娘) 查看詳情?
由 澤澤 移植的typecho插件(模型 22、33娘) 查看詳情?
由 廣樹 制作的emlog插件(模型 伊斯特瓦爾 ) 查看詳情?
由 FGHRSH 制作的Z-Blog插件(模型 Pio、Tia)查看詳情?
還有2個比較特別的插件?
一個是A-soul的,模型嘉然和向晚。似乎沒有現(xiàn)成插件,是直接調(diào)用js的,原理一樣。如果想把嘉然模型加入可切換預設,應該也可以叭,自己研究下咯。然然可愛捏!想當年,我也是 單推天依的一個魂 吶。?
教程由 葉小獸 提供 查看詳情?
模型由 木果阿木果 制作?
原版JS由 惡魔蘿莉控 制作 查看詳情?
另一個是 Live2D 官方授權(quán)的插件,直接在WP插件商店能找到,收費 50。?
優(yōu)點,支持moc4 且 控制面板可交互內(nèi)容豐富,比如改個位置,調(diào)整模型大小啥的,雖然直接改css也是可以啦。
好像還可以直接導入模型,總體還是更方便的。?
后記?
寫的好啊,大佬們,我是FW。我基本就到處學學、抄抄,實際啥也不會。真的在學了,在學了QAQ。還有啥問題,就留言,也歡迎各位指導我。
還是b站的專欄編輯器寫的順手啊,而且圖片不花自己CDN流量,隨便用!wp的還不熟悉,但功能上那邊更厲害,我在想到時候咋把b站這么多專欄的內(nèi)容,都挪到網(wǎng)站上。。。
歡迎訪問天依主題個人網(wǎng)站,www.luotianyi.blue
歡迎添加天依群,520071220
