打开APP
userphoto
未登录

开通VIP,畅享免费电子书等14项超值服

开通VIP
让你的角色学会说话,分享一款实用的嘴型动画生成插件
userphoto

2022.10.31 江苏

关注

rhubarb-lip-sync-ccc (简称 lipsync) 是一款专用于 Cocos Creator 的嘴型动画生成插件,它可以根据一段语音生成嘴型动画的Animation Clip 。适合用于制作游戏角色的说话动画,支持中英文语言。

rhubarb-lip-sync-ccc 基于 DanielSWolf /rhubarb-lip-sync,在他的基础上添加了对自动生成 Cocos Creator 的 Animation Clip的支持。

在 Cocos Creator 插件商店中搜索 lipsync 即可:

项目仓库

https://github.com/wzpan/rhubarb-lip-sync-ccc

Demo

  • demo 视频:https://www.bilibili.com/video/BV1V5411G7cm

  • 相关的示例仓库代码在:https://github.com/wzpan/lipsync-demo

使用方法

  • 在 Cocos Creator 主菜单中,打开 【extensions】菜单 -> 【lipsync】-> 【launch】 ,开启 lipsync的面板。

  • 嘴型图拖拽到对应的嘴型槽中,完成嘴型绑定。其中,6种嘴型(A, B, C, D, E, F)是必须的;而 G,H,X 嘴型则为可选。但推荐都提供,这样最终生成的结果会更为自然。

  • 从本地选择一个录音文件。如果是非英文语言,建议取消勾选【是英文音频?】的选项。(这个选项将决定使用不同的识别器。对于英文录音,我们使用 PocketSphinx ;而对于其他语音的录音,我们使用 Phonetic。)

  • 创建一个空的Animation Clip ,并拖入目标 Animation Clip 槽位中。

完成以上四步之后,点击 【生成】 按钮,即开始生成动画。可以打开 Cocos Creator 的控制台面板,查看控制台日志:













如果出现 “生成成功!” 的消息,说明生成已经成功。此时可以将该 Animation Clip拖动到嘴巴节点的 Animation组件上,看看效果。

温馨提示:如果发现虽然动画生成成功,但是该动画没有任何帧,可以重启 Cocos Creator 看看问题是否解决。

常见问题

  • 插件可以白嫖吗?

可以(您良心过意的去就好)。

  • 支持 Windows 吗?

代码里是加入了 Windows 的支持,没实际测试过。欢迎当一把小白鼠,有问题跟我反馈就好。

  • 支持 Mac M1 吗?

Cocos Creator 好像也还不支持吧?

  • 为毛要收费 1 块钱?

写插件不为了赚钱,只为交个朋友(我写插件不用花时间吗?1 块钱都不给我 555)

  • 支持 3D 吗?

贴图的嘴巴是 ok 的。3D 的嘴型的话,建议直接用 rhubarb-lip-sync生成每个时刻的嘴型数据,然后动态替换嘴型。

https://github.com/DanielSWolf/rhubarb-lip-sync#spine

  • 支持 Spine 动画吗?

可以移步 DanielSWolf/rhubarb-lip-sync (主要是因为穷买不起 Spine)。

  • 计划支持 3.0 吗?

有计划。先上了 2.0 的商店看看大家反馈,如果有 bug ,修一波再说。

如何获取帮助

目前只在 Mac 上测试过, Windows 上理论上也可以支持。

如果使用上遇到问题,请在项目仓库上提 issue 反馈。建议带上你的测试工程,方便我定位问题。

https://github.com/wzpan/rhubarb-lip-sync-ccc

结语

感谢来自腾讯在线教育部的 wzpan带来的插件分享,欢迎大家关注腾讯在线教育部技术博客,获取更多 Cocos Creator、Flutter、React Native 跨平台开发技术实践知识。

博客地址:https://oedx.github.io

博客往期精彩分享:
本站仅提供存储服务,所有内容均由用户发布,如发现有害或侵权内容,请点击举报
打开APP,阅读全文并永久保存 查看更多类似文章
猜你喜欢
类似文章
微信小程序,想说爱你不容易
这么全的 Cocos Creator 3.x 学习资源,竟然是免费的!
不止想做游戏,老牌引擎 Cocos 带着新的Flag出发了
Cocos深度解析: 开发者应如何快速上手微信小游戏?| 小游戏独家
Cocos2dx3.0
【cocos2d-x入门实战】微信飞机大战之四:主角的登场和帧动画
更多类似文章 >>
生活服务
热点新闻
分享 收藏 导长图 关注 下载文章
绑定账号成功
后续可登录账号畅享VIP特权!
如果VIP功能使用有故障,
可点击这里联系客服!

联系客服