用 UE 虚幻引擎做个捏脸小功能~~

最近在学习 UE 相关的使用,正好看到一篇文章讲解用 Control Rig 实现简单捏脸功能,这种小而美的完整案例挺适合来练手的,涉及到了 UI、蓝图、动画、骨骼等方面,值得推荐一下。

从这个小功能出发,在学习其他内容时如果有个简单案例可以将一系列功能点都串起来,那么往往会起到事半功倍的效果。

正好我也实现了一个简单捏脸效果,视频号里分享一下:

欢迎大家关注我的视频号,后续考虑更多地以视频形式来展示内容。

接下来就是这个捏脸功能的实现逻辑了。底层的实现很复杂,很多都是由 UE 虚幻引擎来提供的,但是理论上的实现很简单,体现在个人上更多的是操作经验。

UE 在导入人物模型时会带有一个骨架,如下图所示。人物的行动就是由一根根骨骼的变化来实现的,而面部的捏脸调节也是基于这一点。通过改变脸部相关骨骼的位置从而实现面部的变形,间接达到一个类似捏脸的效果

8b54e96cbedd5ea5dd1ecd24de8d5cd1.png


由于不会 3D 建模,使用了 UE 提供的免费模型。图上这个就是 "虚幻争霸:心菲" 模型了。

45578ddd6a56f9c6fc95327fa8d6436c.png


想要调节人物的骨骼,就要用到 Control Rig 插件功能了。它是一套骨骼绑定系统,可以对人物的骨骼建立相关的控制点,然后通过调节控制点的变换,就实现对骨骼的变换啦。

如下图所示,针对眉毛、眼睛、鼻子、脸颊、嘴唇这五个部位建立了相应的控制点。

27d4c177280158a615b6eb7330d4d99e.png


控 制点的性质、颜色以及位置都是可以调节的,建立的时候要选择好相应的骨骼位置 。
这个地方其实挺考验审美的,因为我只是写个小功能,就没有用到很复杂的骨骼,但是很逼真的调节效果就需要反复打磨骨骼模型以及控制点了。

然后就是在蓝图中把骨骼和控制点的变换进行关联,并且暴露相关的调整参数让外部进行调整。

由于 UE 的很多功能都是由蓝图来实现的,也不太好贴代码,就只能贴个蓝图的连接了,比拼一下谁的蓝图连线方式更优雅~~

f9753008d17d3a24137df57144b5d042.png


完成了骨骼和控制点的绑定之后,就可以在动画蓝图中设置人物的姿势是由 Control Rig 调整后的姿势(哪怕就是调整了个脸部)。

2e0a751852e44b8860bb5a57aac9d7f9.png

在动画蓝图中增加了几个变量去调节 Control Rig 中控制点的范围,这几个变量的值是由 UI 界面中的滑竿来调节的,并且在动画每次更新时都会更新这些值。

这里用代码来实现了 UE 中的一个子系统 FaceEditSubsystem ,主要功能就是用来存储数据的值,并且它可以在动画蓝图和 UI 蓝图中访问到,这一点很重要,否则这两个蓝图无法建立数据上的关联了。

6b68ee9eece700b4e303239d18ae288c.png


接下 来就是设置 UI 界面了,和用 Android Studio 操作界面差不多,拖一下控件绑定相关事件就好,具体效果就和上面视频展示的一样了。

af19e4e30620496fa9f2b67e70137da4.png


完成了 上面全部功能之后,再把相机位置调整一下对准人物的脸部,就可以看到运行效果啦。

总结一下整体的实现就如上面所说,UE 虚幻引擎提供的功能很强大,强大到只要熟练一点使用就可以实现一点小功能了,而这些功能的实现都可以不需要一行行代码的。

那么问题来了,在这种情况下,程序员学习 UE 怎样才能算是有自己的独特竞争力呢?莫非要比拼对 UE 软件的使用熟练度吗?那反而还失去了程序员的编码能力,恐怕还是要深入其源码,研究更多的底层功能实现。

最后欢迎大家加入 音视频开发进阶 知识星球 ,这里有知识干货、编程答疑、开发教程,还有很多精彩分享。

更多内容可以在星球菜单中找到,随着时间推移,干货也会越来越多!!!

0a5b49617c6529f4349cf053ff260abc.jpeg

给出 10元 优惠券,涨价在即,目前还是白菜价,基本上提几个问题就回本,投资自己就是最好的投资!!!

a971980f3b96f2dae0b91611822c5c7c.png

加我微信 ezglumes ,拉你进技术交流群

推荐阅读:

音视频开发工作经验分享 || 视频版

OpenGL ES 学习资源分享

开通专辑 | 细数那些年写过的技术文章专辑

Android NDK 免费视频在线学习!!!

你想要的音视频开发资料库来了

推荐几个堪称教科书级别的 Android 音视频入门项目

觉得不错,点个在看呗~

a8d58f19550205961095fd042f7d56e2.gif

  • 3
    点赞
  • 4
    收藏
    觉得还不错? 一键收藏
  • 1
    评论

“相关推荐”对你有帮助么?

  • 非常没帮助
  • 没帮助
  • 一般
  • 有帮助
  • 非常有帮助
提交
评论 1
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值