前言

本項(xiàng)目是由我去年的vue2版本改進(jìn)而來(lái)，新增特性如下：

• 支持moc、moc3格式的live2d

• 支持導(dǎo)入本地live2d

• 支持修改或縮放live2d大小

• 新增五子棋小游戲（上網(wǎng)課無(wú)聊可以玩玩，反正我沒(méi)贏過(guò)AI）

項(xiàng)目地址：https://github.com/q-mona/electron-vue-live2d

安裝包：https://pan.baidu.com/s/1VVRA7JW9b73Kz7gjWrX_8Q，提取碼: bvyg

小盆友強(qiáng)烈建議刪除碧藍(lán)以及天命的live2d，你們把握不住！(刪除方法在下方)

使用須知!!!

1. 本項(xiàng)目的live2d資源都是網(wǎng)上找的僅供娛樂(lè)切勿商用！

2. 導(dǎo)入本地live2d對(duì)你live2d文件夾的格式有很多要求：

• 文件夾內(nèi)必須有：.moc(.moc3)模型文件、.png貼圖文件、.mtn(.json)動(dòng)作文件、.json配置文件(一般都是xxx.model.json且必須在文件夾根目錄，physics.json、pose.json等無(wú)強(qiáng)制規(guī)定)。

• 可選：音頻文件，如果你有音頻文件請(qǐng)確保保存它們的文件夾叫?voice?，否則將沒(méi)效果。

• !!!moc3格式!!!的live2d，其json配置文件名必須為 文件夾名稱.model3.json (不是下圖的physics3.json)。以獨(dú)角獸為例：其live2d文件夾名稱為：獨(dú)角獸_4，則其配置文件應(yīng)為：獨(dú)角獸_4.model3.json

• 如果你live2d資源很多可以直接復(fù)制所有文件夾到 項(xiàng)目安裝路徑/resources/app/live2d/ (確保文件夾符合前面的條件，但仍不能確保都可運(yùn)行)。

• 同理，刪除live2d，可以點(diǎn)擊工具欄的切換 > 出現(xiàn)live2d列表 > 鼠標(biāo)右鍵刪除(不能刪除選中的live2d)；也可以到?項(xiàng)目安裝路徑/resources/app/live2d/ 直接物理刪除對(duì)應(yīng)文件夾。

• 運(yùn)行時(shí)live2d列表的名稱與?項(xiàng)目安裝路徑/resources/app/live2d/ 的文件夾名稱對(duì)應(yīng)，想改直接改文件夾名稱即可(moc3的文件夾改名后切記將model3.json的名字改了)。

3. 鼠標(biāo)只能在邊緣處拖動(dòng)live2d(就邊框附近)

4. 本項(xiàng)目的層級(jí)很高，如果你點(diǎn)桌面或其他程序沒(méi)反應(yīng)可能是點(diǎn)到live2d的透明部分了！

額外提醒

1. 有時(shí)候模型顯示不全(一般是太高了)，建議在設(shè)置里把寬度拉到最低再提高高度，保證模型不會(huì)太大，注意：縮放對(duì)顯示不全沒(méi)效果。

2. 想要live2d文件直接百度或gayhub搜live2d model一查一大把，但不一定都可以使用。

3. 本項(xiàng)目加載大部分moc文件都還行，碧藍(lán)的大部分moc3的文件也沒(méi)啥問(wèn)題。

4. 如果live2d不能正常顯示可查看model.json配置文件，網(wǎng)上好多格式有誤(可以把json文件直接拖到vscode等檢查格式)

• 確保model.json中貼圖(Textures)、動(dòng)作(Motions)等字段的相對(duì)路徑沒(méi)錯(cuò)

• 確保只有一個(gè)mode.json或model3.json文件

• json文件不能有注釋

• json文件最后一項(xiàng)無(wú)需逗號(hào)

• textures的格式應(yīng)為數(shù)組 []

• moc格式的live2d有時(shí)候靜止不動(dòng)，在.mtn文件路徑正確的情況下可能是motions的鍵值為""，可改為"idle"試試。

如果還不行那我也不知道了，有時(shí)候文件齊全也會(huì)加載失敗，我也不知道為啥，就隨緣用把。