序?

推薦去個(gè)人網(wǎng)站閱讀，超鏈比b站方便，還能看到live2d實(shí)際效果，但WP排版我還沒(méi)整明白，不一定好看。

(資料圖片僅供參考)

https://www.luotianyi.blue/2023-06/new%C2%B7luotianyi-live2d.html

Live2d模型來(lái)自手游「藥水制作師」。?

PoiLive2D 原WP插件作者?@戴兜 ，插件主頁(yè)：https://daidr.me/archives/code-176.html

洛天依版插件作者@unsignedzhang，插件主頁(yè)：https://unsignedzhang.cn/luotianyi-live2d/PoiLive2D魔改版插件作者@電波萬(wàn)事屋，插件主頁(yè)：https://www.omega.im/63/

遵循GPLv2協(xié)議，我將以上3位大佬的插件，進(jìn)行了功能上的融合，并改進(jìn)了部分功能，后文會(huì)詳細(xì)說(shuō)明。此插件同樣遵循GPLv2協(xié)議開(kāi)源。?

插件作用&效果?

啟用插件后，將會(huì)在你的博客左下角自動(dòng)插入一個(gè)洛天依Live2D看板娘，并且能夠通過(guò)插件控制面板修改其基本屬性。?

效果的話，想必各位已經(jīng)可以在左下角看見(jiàn)可愛(ài)的天依啦，下文就不展示可以實(shí)現(xiàn)的效果截圖了，戳左邊天依自己試試看吧，比截圖更直觀吧。

功能融合&追加&修復(fù)?

V 0.712?

1.將控制面板里文字框顏色調(diào)整細(xì)分，分為背景顏色、文字顏色、陰影&描邊顏色，之前調(diào)整的是主!體!顏色，再通過(guò)調(diào)整不透明度區(qū)分，但實(shí)際看上去，非常費(fèi)眼睛。

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

顯示文章目錄，點(diǎn)擊目錄即可；

右鍵live2d的菜單，返回首頁(yè)+登陸；

隱藏live2d后的恢復(fù)按鈕；

切換模型功能?，F(xiàn)在兩個(gè)模型，一個(gè)是pio，另一個(gè)也是pio。（只不過(guò)其一的貼圖是天依）

3.修善之前使用中發(fā)現(xiàn)的一個(gè)小問(wèn)題，如果快速劃過(guò)多個(gè)目標(biāo)，會(huì)瘋狂疊加對(duì)話內(nèi)容，導(dǎo)致后續(xù)鼠標(biāo)離開(kāi)目標(biāo)依然會(huì)反復(fù)彈窗，大概效果如下?

當(dāng)時(shí)我也不太確定，只能猜大概問(wèn)題是出自這里，

后來(lái)看魔改版改成了fadeOut，那就直接卡卡西了！目前不存在反復(fù)彈窗，但新問(wèn)題是，鼠標(biāo)hover目標(biāo)，timeout后，聊天框會(huì)自己消失。感覺(jué)這問(wèn)題不嚴(yán)重，畢竟不會(huì)有人長(zhǎng)時(shí)間hover目標(biāo)，就為了看live2d說(shuō)了什么的吧。。?！敬斯δ艹鲎阅Ц陌妗?

4.修復(fù)sing功能。（為了你唱下去？）其實(shí)就是更新一下鏈接，之前扣扣音樂(lè)的鏈接，用的是騰訊短鏈，現(xiàn)在已經(jīng)不用了，而且原歌曲大部分也都失效了，更新了一下。獲取鏈接方法也是@unsignedzhang教我的。如果自己使用，也可以把歌曲鏈接替換為存儲(chǔ)里的，這樣就不用擔(dān)心時(shí)效、失效和會(huì)員問(wèn)題了?！敬斯δ艹鲎月逄煲腊妗?

5.恢復(fù)換裝功能，其實(shí)就是更換&添加的天依貼圖。捏嘛嘛滴，沒(méi)想到對(duì)著答案寫(xiě)問(wèn)題也這么難。?

最初的動(dòng)機(jī)，就是感覺(jué)v3天依有黏頭了，而且原貼圖有點(diǎn)模糊，我就想用高清圖先簡(jiǎn)單替換V3一下，再折騰一個(gè)V4。但第一步，就已經(jīng)開(kāi)始流汗了，真難搞了，特別是天依的那個(gè)∞，很容易越位，想等比例根本不現(xiàn)實(shí)，必須壓縮。

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

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

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

PS：天依沒(méi)有一個(gè)已公布的Live2D，看來(lái)主力還是MMD。?

6.其他雜七雜八調(diào)整。

css調(diào)整，整體往右移了一點(diǎn)，也調(diào)了下z-index，現(xiàn)在不會(huì)影響aplayer了；

調(diào)整按鈕布局；

對(duì)話框?qū)蛹?jí)和位置；

對(duì)話內(nèi)容天依化，同時(shí)之前稱謂“主人”，感覺(jué)有點(diǎn)怪，就全改成“站長(zhǎng)”，如果想替換自己圈名，目標(biāo)改站長(zhǎng)就行。?

EX.有2個(gè)交互無(wú)法通過(guò)安裝插件實(shí)現(xiàn)，具體可以看這篇文章，主要是針對(duì)Sakura，也就是當(dāng)前我用的這個(gè)主題，如果遇到相似情況，可以參考下。?https://www.luotianyi.blue/2023-06/520.html

如何安裝?

1、下載壓縮包，直接將其解壓到wordpress的plugin目錄中?

2、或者 直接通過(guò)插件后臺(tái)，有個(gè)上傳插件，選擇壓縮包即可。?

最后都別忘了啟用、刷新！如果已啟用其他live2d插件，記得先關(guān)咯，不然報(bào)錯(cuò)。

下載地址?

百度網(wǎng)盤(pán)https://pan.baidu.com/s/1O5I1Qo2q52fPZ31ipOgobA?pwd=0712

藍(lán)奏云盤(pán)?https://huxiaoroar.lanzouw.com/ik0vd0y1zwdg

特別鳴謝

PoiLive2D原WP插件作者：@戴兜?

洛天依版插件作者：@unsignedzhang?

PoiLive2D魔改版插件作者：@電波萬(wàn)事屋?

參考了很多內(nèi)容，大佬們都寫(xiě)的很好，由衷感謝。我基本啥也沒(méi)干。。。光copy了。

更多Live2D插件?

(超鏈復(fù)制不過(guò)來(lái)，太多啦QAQ，去網(wǎng)站看吧，大佬們做的都很好?。?/p>

由 保羅 制作的typecho插件（模型 PIO） 查看詳情?

由 喵喵 制作的wordpress插件 （模型 22、33娘） 查看詳情?

由 澤澤 移植的typecho插件（模型 22、33娘） 查看詳情?

由 廣樹(shù) 制作的emlog插件（模型 伊斯特瓦爾 ） 查看詳情?

由 FGHRSH 制作的Z-Blog插件（模型 Pio、Tia）查看詳情?

還有2個(gè)比較特別的插件?

一個(gè)是A-soul的，模型嘉然和向晚。似乎沒(méi)有現(xiàn)成插件，是直接調(diào)用js的，原理一樣。如果想把嘉然模型加入可切換預(yù)設(shè)，應(yīng)該也可以叭，自己研究下咯。然然可愛(ài)捏！想當(dāng)年，我也是 單推天依的一個(gè)魂 吶。?

教程由 葉小獸 提供 查看詳情?

模型由 木果阿木果 制作?

原版JS由 惡魔蘿莉控 制作 查看詳情?

另一個(gè)是 Live2D 官方授權(quán)的插件，直接在WP插件商店能找到，收費(fèi) 50。?

優(yōu)點(diǎn)，支持moc4 且 控制面板可交互內(nèi)容豐富，比如改個(gè)位置，調(diào)整模型大小啥的，雖然直接改css也是可以啦。

好像還可以直接導(dǎo)入模型，總體還是更方便的。?

后記?

寫(xiě)的好啊，大佬們，我是FW。我基本就到處學(xué)學(xué)、抄抄，實(shí)際啥也不會(huì)。真的在學(xué)了，在學(xué)了QAQ。還有啥問(wèn)題，就留言，也歡迎各位指導(dǎo)我。

還是b站的專欄編輯器寫(xiě)的順手啊，而且圖片不花自己CDN流量，隨便用！wp的還不熟悉，但功能上那邊更厲害，我在想到時(shí)候咋把b站這么多專欄的內(nèi)容，都挪到網(wǎng)站上。。。

歡迎訪問(wèn)天依主題個(gè)人網(wǎng)站，www.luotianyi.blue

歡迎添加天依群，520071220