欢迎光临散文网 会员登陆 & 注册

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

2021-10-01 17:56 作者:_Canvas  | 我要投稿

前言

本项目是由我去年的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的格式应为数组 []

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

修改motions

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



基于Eectron.js的桌面看板娘(live2d)的评论 (共 条)

分享到微博请遵守国家法律