博客Live2D看板娘动不了的解决方法(把FaceRig模型转换成标准Live2D模型)

上周尝试把博客加上看板娘遇到一个很奇怪的问题,当然然的Live2D模型载入网页之后,却没有自动眨眼和鼠标跟踪等效果,就像一张普通的图片一样贴在网页上。我以为这个模型兼容性可能不是很好,又到B站上下了另外一位up做的模型,问题依旧。但是,用Live2DViewerEX安卓版却可以正常显示(眨眼和鼠标跟踪)

作者回复我说这是Facerig上用的模型

我之前没接触过Live2D模型,原来以为只要下载一个模型简单配置一下就能在网页上使用了。现在作者又说要搭配我从没听过的Facerig才能用,只好开始钻研Live2D模型了。

*.model3.json是Live2D模型的配置文件(3.0版本),包含了模型文件位置,材质图片位置,动作文件位置等等。我发现大部分的模型都有motion.json,我下载的这个模型的却没有。我以为问题是出在这里,但是也有部分模型没有动作配置照样也能实现眨眼等效果,所以问题不在这(后来我才知道motion.json是关于模型动作的配置)

下载了官方的Live2D Cubism Viewer / Editor之后,才知道moc3文件不能用Editor编辑(纯新手完全不懂啊😅)...用Viewer打开模型之后发现也能正常显示,所以也可以排除是模型的兼容性问题......难道问题在live2d.js吗?

在搜索全网之后,问题仍然没有解决...我已经在思考要不要付费定制一个Live2D模型了。正当我绝望时,我发现:Live2D Cubism Viewer中的参数命名不太对劲?

图中这种下划线的命名方式(e.g.PARAM_ANGLE_X)是3.0版本之前的命名方式,3.0及之后版本的命名方式改为了单词开头第一个字母大写其余小写(也就是驼峰法,e.g.ParamAngleX)。然而这个模型是4.0版本的,所以应该要使用驼峰法命名,所以问题会是出在这吗?是的,问题就在这。

模型参数名称其实是需要在Cubism Editor里修改的,但是我们手里没有工程文件,moc3文件也不能反编译,怎么办呢?这里介绍一个巧妙的方法:用WinHex对moc3文件进行修改。

打开WinHex-搜索-查找文本,输入你想要替换的参数名,就会找到很多相关的参数。

直接在原文本上进行修改。多余的字符不要删除,在左边的16进制编辑器里将其填充为0(不是在右边的文本框改成0啊)

按照官方文档修改完之后保存即可。然后我们测试一下本地的Cubism Viewer能否打开并正常显示,如果可以的话我们就修改成功啦。可以Live2D Viewer Online在线预览修改后的模型,此时你的模型应该就可以动起来啦!(其实鼠标跟踪是自动开启的,无需在model3.json里配置)

我的然然她动起来了,嘿嘿,然然超可爱捏~😅

纯猜想:尽管Facerig支持了SDK 4.0,但是它默认的命名规则还没改,又或者是这本来是一个低版本的工程文件,被以SDK 4.0格式导出了。网页端的Live2D插件没有识别到默认的ParamAngleX等参数,所以鼠标跟踪和眨眼功能无法开启。而Live2DViewerEX和官方的Viewer能够支持老版本的参数格式,所以能够正常显示。现在回想,这一次解决问题最有趣的地方在于我完全不懂Live2D的制作,但是通过对Live2D格式和model3.json配置的探索,居然也成功地解决了问题。

文章标题:博客Live2D看板娘动不了的解决方法(把FaceRig模型转换成标准Live2D模型)
文章链接:https://intmain0.com/187/
本作品采用知识共享署名-非商业性使用-相同方式共享 4.0 国际许可协议进行许可。转载请注明出处
评论和私信会在第一时间回复。如果您觉得文章对您有帮助,可以点击文章右下角【分享】一下。您的鼓励是博主的最大动力!
暂无评论

发送评论 编辑评论


|´・ω・)ノ
ヾ(≧∇≦*)ゝ
(☆ω☆)
(╯‵□′)╯︵┴─┴
 ̄﹃ ̄
(/ω\)
∠( ᐛ 」∠)_
(๑•̀ㅁ•́ฅ)
→_→
୧(๑•̀⌄•́๑)૭
٩(ˊᗜˋ*)و
(ノ°ο°)ノ
(´இ皿இ`)
⌇●﹏●⌇
(ฅ´ω`ฅ)
(╯°A°)╯︵○○○
φ( ̄∇ ̄o)
ヾ(´・ ・`。)ノ"
( ง ᵒ̌皿ᵒ̌)ง⁼³₌₃
(ó﹏ò。)
Σ(っ °Д °;)っ
( ,,´・ω・)ノ"(´っω・`。)
╮(╯▽╰)╭
o(*////▽////*)q
>﹏<
( ๑´•ω•) "(ㆆᴗㆆ)
😂
😀
😅
😊
🙂
🙃
😌
😍
😘
😜
😝
😏
😒
🙄
😳
😡
😔
😫
😱
😭
💩
👻
🙌
🖕
👍
👫
👬
👭
🌚
🌝
🙈
💊
😶
🙏
🍦
🍉
😣
Source: github.com/k4yt3x/flowerhd
颜文字
Emoji
小恐龙
花!
上一篇