Huawei Reality Studio AR互动场景开发

简介

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

使用最新款的MatePad Pro在华为应用市场搜索Huawei Reality Studio，并下载安装。

您将建立什么

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

在应用中可以建立家居的互动场景，通过点击热点按钮可以触发相应的互动场景动画事件，并使用华为手机，将这样的互动场景虚拟摆放在桌面或地面上。
在应用中搭建FaceAR的场景实时在人脸上叠加虚拟物体。

您将会学到什么

如何搭建3D互动AR场景
如何开发3D互动场景中的动画
如何添加互动响应事件
如何搭建FaceAR的互动场景

硬件要求

一台最新款的MatePad Pro平板。

软件要求

Android或HarmonyOS
华为AREngine

需要的知识点

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

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

在华为应用市场中搜索Huawei Reality Studio并下载。
下载素材资源包。

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

3.2在属性面板中找到贴图，点击"+"号导入贴图资源文件（redian.png），文件地址在SD卡codelab文件夹中；

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

3.4重命名热点按钮为"play"
制作动画
制作两个动画，分别是椅子拉开的动画和刀叉移动的动画；
椅子拉开动画
4.1 点击场景树中的动画列表，然后再属性面板中找到"+"号添加动画；

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

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

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