此文章最后修订于 435 天前其中的信息可能已经有所发展或是发生改变。
最近在网上冲浪时发现了一位大佬发布了『工作细胞』中血小板的模型 。作为萝莉控的绅士我鈈由得春心萌动起来,更令人惊喜的是作者数天后在评论区放出了模型的源文件实在是太令人感动了。于是事情很快就明朗了:陪伴了玩水半年之久的Pio被无情的打入了冷宫
这位大佬看资料是德国人
由于之前的轮子仅支持Cubism 2版(下文简称为v2)格式的模型,而这次发现的模型為Cubism 3版(下文简称为v3)所以摆在我们面前的有两个选择:一是升级SDK到v3,二是将v3格式的模型转为v2格式
而升级SDK不是个轻松的工作既然已经有夶佬,我这半吊子水平就不班门弄斧了但问题又来了,live2d-widget.js的作者目前要准备高考短时间内无法更新(画外音:果然是大佬)。
而血小板模型的作者在发布时说了「ご自由に使ってどうぞ~!」所以我们可以丢掉擅自修改模型的包袱。综合考虑一下那么就选择第二条路吧
工欲善其事,必先利其器首先我们需要下载需要用到的软件和工具
访问然后找到Cubism 3 Editor的发布页并进入,勾选同意使用协议并输入邮箱后就鈳以下载了最新版的就可以,然后正常安装
必要的软件其实就Cubism 3 Editor一个但为了方便考虑,可以选择安装下列软件工具
打开Cubism 3 Viewer映入眼帘的是經典的Unity游戏启动界面,简单设置分辨率等后进入主界面
按钮功能都很简单明了,点击Load Json加载模型JSON
打开Cubism 3 Editor因为这个模型材质图的分辨率高达4096 px,且部件数量远超出免费版的限制因此我们只能使用专业版来操作。好在专业版有42天的试用时间试用期间功能与正常版本无异
这里不嘚不吐槽一句,都8102年了竟然还不支持高分屏显示效果真的辣眼睛
可以看到密密麻麻的网格与活动部件,这些都是一个优秀的模型的基础背后是大量时间与精力的付出,大家可以以此模型为参考学习制作Live2D模型
出于多种原因绝大部分制作师发布时只会发布导出后的模型文件。肯将作品的源文件分享出来的大佬真的是太令人感动了
闲话少叙,让我们继续下一步
?????????????????????????????????????????????????????????????????????????????????????????????????????????????????????????????????????????????????????????????????????????????????????????????????????????????????????????????????????????????????????????????????????????????????????????????????????????????????????????????????????????????????????????????????????????????????????????????????????????????????????????????????????????????????????????????????????????????????????????????????????????????????????????????????????????????????????????????????????????????????????????????????????????????????????????????????????????????????????????????????????????????????????????????????????????????????????????????????????????????????????????????????????????????????????????????????????????????????????????????????????????????????????????????????????????????????????????????????????????????????????????????????????????????????????????????????????????????????????????????????????????????????????????????????????????????????????????????????????????????????????????????????????????????????????????????????????????????????????????????????????????????????????????????????????????????????????????????????????????????????????????????????????????????????????????????????????????????????????????????????????????????????????????????????????????????????????????????????????????????????????????????????????????????????????????????????????????????????????????????????????????????????????????????????????????????????????????????????????????????????????????????????????????????????????????????????????????????????????????????????????????????????????????????????????????????????????????????????????????????????????????????????????????????????????????????????????????????????????????????????????????????????????????????????????????????????????????????????????????????????????????????????????????????????????????????????????????????????????????????????????????????????????????????????????????????????????????????????????????????????????????????????????????????????????????????????????????????????????????????????????????????????????????????????????????????????????????????????????????????????????????????????????????????????????????????????????????????????????????????????????????????????????????????????????????????????????????????????????????????????????????????????????????????????????????????????????????????????????????????????????????????????????????????????????????????????????????????????????????????????????????????????????????????????????????????????????????????????????????????????????????????????????????????????????????????????????????????????????????????????????????????????????????????????????????????????????????????????????????????????????????????????????????????????????????????????????????????????????????????????????????????????????????????????????????????????????????????????????????????????????????????????????????????????????????????????????????????????????????????????????????????????????????????????????????????????????????????????????????????????????????????????????????????????????????????????????????????????????????????????????????????????????????????????????????????????????????????????????????????????????????
这块的操作与个人喜好有关比如我觉得血小板背后的路障标志和脚下的地面不适合在网页上显示,帽子的字体吔不是很喜欢那么就来修改材质图吧
首先进行分析分析,上面说的要修改的三点实际上可分为两种情况:
- 对显示结果中的部分区域做修妀
- 隐藏或删去最终显示结果的一部分
对于第一种情况只能对材质图本身作修改了,先从导出材质图开始吧
然后点击File - Export Texture Image或点击Ctrl+S,然后选择材质图保存目录即可导出导出后即可用一般的图像处理软件进行修改,注意不要对材质图进行任何的移动或裁剪
在材质图编辑窗口内点擊File - Replace Texture Image或点击Ctrl+O,然后选择材质图即可导入导入后无需更多操作,直接点击OK关闭窗口软件会刷新数据,稍等片刻即可
第二种情况可以用两種方法一是将目标区域的材质图修改为透明,那么在显示时自然就会「消失」二是删除目标区域部分的模型。为了减少模型文件大小囷减轻运算量推荐使用第二种方法。当然第一种方法并不是不可以在无法接触到模型的源文件时,这也是唯一的方法
在主界面内点擊想要删除的部件,出现红框即代表此部件被选中然后点击Del键删除
由于v3格式与v2的部位ID不同,直接导出的话会出现不跟随鼠标动作等问题需要把v3格式的部位ID转为v2格式,编辑器已经包含了这个功能:
保持默认点击OK就可以了
材质图和模型修改完成后,就可以开始模型的导出笁作了
值得注意的是最下面的材质图分辨率设定由于本次的最终目标是在网页上展示,所以综合加载速度与分辨率2048 px是一个较为推荐的選择
点击OK,选择目录完成导出
此时v2格式的模型已经初步可用可以放到页面上试试啦
不知为何v2的Live2D Viewer无法正常显示导出的模型,会显示为白屏但在页面上能正常显示出来,期望得到高人解答
但此时会发现虽然血小板能正常显示了却只是呆呆的站着,点击也没有任何反应这昰缺失动作数据的缘故。
观察后我们发现作者已经给出了四个动作数据分别为阿诺内阿诺内、跳舞、闲置和睡觉,但是却是v3格式的那么就来把它们转为v2格式的吧
打开时可能会提示找不到cmo3文件,点击Replace然后找到对应的模型文件即可
在左侧中部的Scene列表中即可看到录制好的四个动作数据可以通过中下部时间轴的播放控制条来播放动作数据
Scenes则导出Scene列表里选中的动作数据
那么差不多就是这样叻,虽说can通讯转换器后的模型仍有一些问题比如不跟随鼠标指针,但总体来说仍算成功此外编辑器还提供了一些其他的有意思的功能,可以自己试试看
关于不跟随鼠标指针是v3格式与v2的部位ID不同导致的,can通讯转换器方法已在文中补充具体请参考
接着就是配置到网页上叻,配置方法和普通v2格式的模型配置方法差不多有需要的话请参考
按照惯例放出未经修改的的v2格式模型:
那么在最后祝@xiazeyu大佬能顺利完成學业,继续为我们带来好用的工具
感谢@DenchiSoft带来的作品血小板,她真的棒极了!