基于Eectron.js的桌面看板娘(live2d)

前言
本项目是由我去年的vue2版本改进而来,新增特性如下:
支持moc、moc3格式的live2d
支持导入本地live2d
支持修改或缩放live2d大小
新增五子棋小游戏(上网课无聊可以玩玩,反正我没赢过AI)
项目地址:https://github.com/q-mona/electron-vue-live2d
安装包:https://pan.baidu.com/s/1VVRA7JW9b73Kz7gjWrX_8Q,提取码: bvyg
小盆友强烈建议删除碧蓝以及天命的live2d,你们把握不住!(删除方法在下方)
使用须知!!!
1. 本项目的live2d资源都是网上找的仅供娱乐切勿商用!
2. 导入本地live2d对你live2d文件夹的格式有很多要求:
文件夹内必须有:.moc(.moc3)模型文件、.png贴图文件、.mtn(.json)动作文件、.json配置文件(一般都是xxx.model.json且必须在文件夹根目录,physics.json、pose.json等无强制规定)。
可选:音频文件,如果你有音频文件请确保保存它们的文件夹叫 voice ,否则将没效果。
!!!moc3格式!!!的live2d,其json配置文件名必须为 文件夹名称.model3.json (不是下图的physics3.json)。以独角兽为例:其live2d文件夹名称为:独角兽_4,则其配置文件应为:独角兽_4.model3.json

如果你live2d资源很多可以直接复制所有文件夹到 项目安装路径/resources/app/live2d/ (确保文件夹符合前面的条件,但仍不能确保都可运行)。
同理,删除live2d,可以点击工具栏的切换 > 出现live2d列表 > 鼠标右键删除(不能删除选中的live2d);也可以到 项目安装路径/resources/app/live2d/ 直接物理删除对应文件夹。
运行时live2d列表的名称与 项目安装路径/resources/app/live2d/ 的文件夹名称对应,想改直接改文件夹名称即可(moc3的文件夹改名后切记将model3.json的名字改了)。
3. 鼠标只能在边缘处拖动live2d(就边框附近)

4. 本项目的层级很高,如果你点桌面或其他程序没反应可能是点到live2d的透明部分了!
额外提醒
1. 有时候模型显示不全(一般是太高了),建议在设置里把宽度拉到最低再提高高度,保证模型不会太大,注意:缩放对显示不全没效果。
2. 想要live2d文件直接百度或gayhub搜live2d model一查一大把,但不一定都可以使用。
3. 本项目加载大部分moc文件都还行,碧蓝的大部分moc3的文件也没啥问题。
4. 如果live2d不能正常显示可查看model.json配置文件,网上好多格式有误(可以把json文件直接拖到vscode等检查格式)
确保model.json中贴图(Textures)、动作(Motions)等字段的相对路径没错
确保只有一个mode.json或model3.json文件
json文件不能有注释
json文件最后一项无需逗号
textures的格式应为数组 []

moc格式的live2d有时候静止不动,在.mtn文件路径正确的情况下可能是motions的键值为"",可改为"idle"试试。

如果还不行那我也不知道了,有时候文件齐全也会加载失败,我也不知道为啥,就随缘用把。