简介

通过移动端Huawei Reality Studio搭建AR场景,通过调整模型的位置、材质、制作动画、搭建UI以及绑定事件等操作完成AR场景的搭建,并进入AR场景中进行预览效果,体验AR场景搭建的完整流程。
为此,您需要:

您将建立什么

在这个Codelabs中,您将使用Huawei Reality Studio在平板中运行的搭建好的AR互动场景,您可以体验到:

您将会学到什么

硬件要求

软件要求

需要的知识点

基础的3D场景开发能力。

开发3D互动场景,您需要完成以下准备工作:

  1. 打开"Huawei Reality Studio"应用,从模型库中的中分别导入圆桌、四个椅子、一个碟子、一把刀和一把叉。模型库的位置如下图所示。
  2. 调整各个模型的位置和旋转,达到以下的场景,并重命名好各个节点的名字。
  3. 给场景中添加热点按钮。
    3.1在左侧的3D控件中找到3D图片,点击导入;

    3.2在属性面板中找到贴图,点击"+"号导入贴图资源文件(redian.png),文件地址在SD卡codelab文件夹中;


    3.3调整图片位置大小(可通过属性面板中的放置功能快速放置到某个平面上),修改贴图的属性使效果正确;


    3.4重命名热点按钮为"play"

  4. 制作动画
    制作两个动画,分别是椅子拉开的动画和刀叉移动的动画;
    椅子拉开动画
    4.1 点击场景树中的动画列表,然后再属性面板中找到"+"号添加动画;

    4.2在动画编辑器中点击加号,找到对应的节点"DOWN",点击节点右边的加号;


    4.3拖动时间轴到某个时间点,修改场景中"DOWN"节点的位置,然后打上关键帧;


    4.5 保存动画"chair";
    4.6 练习,仿照上面的操作完成刀叉动画,实现以下效果;

    • 点击场景树中的动画列表,然后再属性面板中找到"+"号添加动画;
    • 在动画编辑器中点击加号,找到对应的节点"餐叉02"和"餐刀"两个节点,点击节点右边的加号;
    • 通过打多个关键帧的方式实现把刀叉先垂直往上移动再往盘子放下的动画;
    • 保存动画"刀叉";
  5. 给热点按钮绑定事件
    • 点击场景中的热点按钮"Play";
    • 属性面板中找到"事件编辑",然后在点击动画列表中的"+"号;
    • 在动作中选择刚刚制作的"chair"动画;
    • 再点击动画列表中的"+"号,再动作中选择"刀叉"动画;
    • 交互类型选择"顺序播放",进入AR模式预览;
    • 交互类型选择"整体播放",进入AR模式预览;
  6. 保存场景

导入CuteMoji模型文件

  1. 导入SD卡codelab文件夹中的老虎模型。
  2. 点击左侧工具栏,找到锚点,选择人脸锚点,进入人脸模式。
  3. 然后选择老虎的根节点"root",在属性面板中找到"人脸锚点"选择锚点为"鼻尖"。
  4. 细调"root"节点下的"Chest"节点,调整其模型位置以及大小,使模型能完整盖住人头。
  5. 进入AR模式查看效果。

导入人脸贴图动画

  1. 新建场景。
  2. 点击左侧工具栏,找到锚点,选择人脸锚点,进入人脸模式。
  3. 在左侧工具栏中,找到"3D",点击"序列帧图片"导入;
  4. 在图库中找到"erduo"文件夹,多选导入全部图片;
  5. 在工具栏中找到"几何体",然后新建一个"Group"节点;
  6. 把3D贴纸节点拖到新建的"Group"节点下;
  7. 把"Group"节点的人脸锚点设置为额头;
  8. 细调序列帧节点的位置、旋转、缩放使耳朵在合适的位置;
  9. 进入AR模式预览效果;

干得好,您已经成功完成了codelab并学到了:

您可以阅读下面链接,了解更多相关的信息:

相关文档

Code copied