準備工具github倉庫：存放live2d模型和json文件

如果你的博客支持本地存放文件也可，主要是博客園只支持幾種格式，太坑了。

注意如果你使用git倉庫的話，firefox瀏覽器可能不能成功顯示，原因是CORS安全策略阻止了跨源申請

現(xiàn)成的帶json的live2d模型。

這個可以到資源群或者百度貼吧去找(也可以自己做

如果沒有的話，作者推薦了兩個少女前線的模型，非常好康，地址放在文末

使用步驟

沒有模型請?zhí)^。上傳模型到github倉庫或本地倉庫

這里給出傳git的步驟

當然也可以fork到自己的倉庫，直接用我的也行呀QwQ注冊賬號并新建倉庫

上傳文件，就是上面那個Upload File，格式就是打個包到文件夾中，拖到指定區(qū)域就行了

點開文件夾，再點開里面的model.json，此時網(wǎng)址如

https://github.com/用戶名/倉庫名/blob/master/ots-14/model.json

點擊代碼框上面的“Raw”按鈕，生成外鏈

這樣就準備好了

把下列代碼添加到HTML文件中：(如果是博客園用戶，需要申請js權(quán)限，在“ 頁腳Html代碼”中輸入)

L2Dwidget.init({

"model": {

//jsonpath控制顯示模型

jsonPath: "https://raw.githubusercontent.com/parker0523/res/master/ots-14/model.json",

},

"display": {

"position": "right", //看板娘的表現(xiàn)位置

"width": 200, //寬度

"height": 350, //高度

"hOffset": -50,

"vOffset": -20

},

"mobile": {

"show": true,

},

"react": {

"opacityDefault": 1,//不透明度，可調(diào)

"opacityOnHover": 0.2

}

});

代碼中的網(wǎng)址就是上面準備的網(wǎng)址

有一些參數(shù)，可根據(jù)自己博客實際來調(diào)。

這個是支持交互的，只不過我給的live2d模型沒有語音。。。

給一個效果圖吧：

附件

就兩個網(wǎng)址：

這個是OTS-14的

https://raw.githubusercontent.com/parker0523/res/master/ots-14/model.json

這個是索米的

https://pelom.top/usr/file/live2d/assets/GF/kp31/model.json

直接替換代碼中的即可

用不起的或者想找我要live2d模型的可以留言呀QwQ(我盡量及時回復(fù)

我目前有的live2d：88type

95 玉玲瓏

dsr50 紅牡丹/最高出價

fn57 兒童節(jié)皮膚

g36c 約會

g41 泳裝

格琳娜

灰熊

416 星之繭

索米kp31 幸福使命/泳裝

ntw20 女仆咖啡廳

湯姆森 惡魔獵人

px4 圣誕節(jié)

rfb 圣誕節(jié)

小獅子 南瓜

type64-ar

vector 盲信者

wa2000 古堡歷險

維爾德

ots-14 紫雨心

澄清

少女前線live2d模型有版權(quán)，請勿用于商業(yè)用途！

總結(jié)

以上是生活随笔為你收集整理的php博客添加live2d,在博客中增加自己的live2d纸片人模型方法的全部內(nèi)容，希望文章能夠幫你解決所遇到的問題。

如果覺得生活随笔網(wǎng)站內(nèi)容還不錯，歡迎將生活随笔推薦給好友。