Navigation

    CreatiCode Scratch Forum

    • Register
    • Login
    • Search
    • Categories
    • Recent
    • Tags
    • Popular
    • Users
    • Groups
    • CreatiCode

    三维 - 虚拟装束(仅限高级版,难度:2级)

    小教程
    1
    1
    218
    Loading More Posts
    • Oldest to Newest
    • Newest to Oldest
    • Most Votes
    Reply
    • Reply as topic
    Log in to reply
    This topic has been deleted. Only users with topic management privileges can see it.
    • C
      creaticodeteacher2-mail last edited by admin

       

      用到的相关知识

      • 创建三维场景
      • AR人脸摄像头
      • 使用模型
      • 三维旋转
      • 三维坐标和位置

       
       

      介绍

      在这篇教程中,将在摄像头检测出的人脸上添加一个虚拟的帽子。


       
       

      第1步 - 加载一个“空”场景

      请在创益编程游乐场新建一个项目,删除小狗角色“角色1”,然后在“空的1”角色中添加下列积木。

      利用“三维场景”类别中的积木“创建三维场景”来加载“空”场景。

       
       

      第2步 - 开启AR人脸摄像头

      现在请开启AR人脸摄像头。先使用仿真模式,并且显示人脸标记。


       
      就会得到如下人脸标记:

       
       

      第3步 - 添加帽子物体

      接下来,我们利用积木“添加模型”添加一个帽子。因为头部高度大约为100,我们把帽子的目标高度设置为80。


       
      当你运行程序时,会发现帽子离人脸标记较远。这是预料之中的,因为帽子被添加到场景原点,而人脸标记被添加到y坐标为300的位置。

       
       

      第4步 - 使帽子贴到人脸标记上

      为了使帽子移到头部位置,我们可以让帽子依附到一个人脸标记点。例如,我们可以用“鼻梁”标记点。我们使用AR人脸摄像头时,人脸对象的名称总是为“ARHead”。一定要在下拉菜单中选择对应的角色,目标高度仍为80。


       
      现在帽子移到了鼻梁标记点的上方。为了有助于大家分辨出哪个标记点是鼻梁,下方截图中显示为绿色。

       
       

      第5步 - 旋转帽子

      大家可能注意到了,帽子的方向不对。尖的一侧应当在前面。大家可以将帽子旋转180度:

      旋转帽子前后对比如下:

       
       

      第6步 - 用真实摄像头测试

      现在我们准备好了用真实摄像头测试程序。只需要隐藏标记并关闭仿真模式:

      现在帽子会跟踪人脸,但位置有些偏离:

       
       

      第7步 - 移动并转动帽子

      帽子看起来有3个问题。

      • 第一,其位置太靠前、太低。我们要向后、向上移动。
      • 第二,向上倾斜,我们要沿x轴向下旋转。
      • 第三,有点小,我们要增加目标高度。

      这个具体值应当因人而异。

       
      现在帽子看起来真实多了:

       
       

      创意扩展

      大家可以用这个方法在用户面部添加其他虚拟物体。有以下一些思路供参考:

      • 切换装束:可以添加一个按钮,当用户点击按钮时,移除当前装束,并添加一个新装束。提示,大家可以在“模型”库中搜索“帽”、“耳机”、“王冠”等等,不限于“帽”。
      • 搞笑的眼球:可以用足球或篮球盖住用户的两只眼睛。
      1 Reply Last reply Reply Quote 0
      • First post
        Last post