三维 - 虚拟装束(仅限高级版,难度:2级)
-
用到的相关知识
介绍
在这篇教程中,将在摄像头检测出的人脸上添加一个虚拟的帽子。
第1步 - 加载一个“空”场景
请在创益编程游乐场新建一个项目,删除小狗角色“角色1”,然后在“空的1”角色中添加下列积木。
利用“三维场景”类别中的积木“创建三维场景”来加载“空”场景。
第2步 - 开启AR人脸摄像头
现在请开启AR人脸摄像头。先使用仿真模式,并且显示人脸标记。
就会得到如下人脸标记:
第3步 - 添加帽子物体
接下来,我们利用积木“添加模型”添加一个帽子。因为头部高度大约为100,我们把帽子的目标高度设置为80。
当你运行程序时,会发现帽子离人脸标记较远。这是预料之中的,因为帽子被添加到场景原点,而人脸标记被添加到y坐标为300的位置。
第4步 - 使帽子贴到人脸标记上
为了使帽子移到头部位置,我们可以让帽子依附到一个人脸标记点。例如,我们可以用“鼻梁”标记点。我们使用AR人脸摄像头时,人脸对象的名称总是为“ARHead”。一定要在下拉菜单中选择对应的角色,目标高度仍为80。
现在帽子移到了鼻梁标记点的上方。为了有助于大家分辨出哪个标记点是鼻梁,下方截图中显示为绿色。
第5步 - 旋转帽子
大家可能注意到了,帽子的方向不对。尖的一侧应当在前面。大家可以将帽子旋转180度:
旋转帽子前后对比如下:
第6步 - 用真实摄像头测试
现在我们准备好了用真实摄像头测试程序。只需要隐藏标记并关闭仿真模式:
现在帽子会跟踪人脸,但位置有些偏离:
第7步 - 移动并转动帽子
帽子看起来有3个问题。
这个具体值应当因人而异。
现在帽子看起来真实多了:
创意扩展
大家可以用这个方法在用户面部添加其他虚拟物体。有以下一些思路供参考:
- 切换装束:可以添加一个按钮,当用户点击按钮时,移除当前装束,并添加一个新装束。提示,大家可以在“模型”库中搜索“帽”、“耳机”、“王冠”等等,不限于“帽”。
- 搞笑的眼球:可以用足球或篮球盖住用户的两只眼睛。