通过IDE开发工具修改AR素材（修改模型颜色、纹理或制作一段动画）、发布上传到华为3D内容平台、使用手机端的AR Player把修改过的AR素材放置到实景中，体验AR素材开发、分享和应用的整体流程；

什么是华为AR应用 IDE开发工具?

华为AR应用 IDE开发工具增强现实互动内容开发工具平台，通过使用IDE工具，没有编写代码能力的普通人，无需编写任何代码，仅仅使用鼠标拖拽，设置属性等操作，就可以快速开发出具有互动功能的增强现实应用内容。

华为AR应用 IDE开发工具开发的增强现实互动内容，可以保存在华为Vector平台上，也可以发布到华为手机端，使用AR Player来播放和使用。

什么是华为AR 3D内容平台？

华为终端打造的华为3D内容平台，致力于打造成为全领域素材聚合分发服务平台，快速连接素材与开发者，为开发者搭建一个素材交流的桥梁，从而构建华为AR/VR等领域下的极致内容体验。更多详细信息以及平台使用细节，请参考：华为3D素材平台介绍

接入华为3D内容平台，您将获得：

• 开放能力：场景编辑、运营管理、AR Engine；
• 生态渠道：HUAWEI AR/VR、HUAWEI AI、应用市场、视频、主题、PPS推广；
• 市场推广：HUAWEI Developer Day、DIGIX创新竞赛平台、耀星计划。

在手机中运行的AR互动内容。比如，在IDE开发工具中可以建立一个卡通人物互动场景，小动物们在花园里蹦蹦跳跳，点击哪个小动物，哪个小动物就说出自己的名字。还可以使用华为手机，将这样的互动场景虚拟摆放在桌面或地面上。
通过华为3D 内容平台，您将可以获得免费分享的精美素材，或者将您的素材共享以供开发者使用。同时，接入平台的素材，还可以通过华为提供的WEB IDE能力在线编辑，开发动画等内容，然后在手机侧通过AR APP查看素材的虚实结合效果。

• 如何搭建3D互动AR场景
• 如何开发3D动画
• 如何添加互动响应事件
• 使用华为AR 3D素材平台上传发布您的3D素材
• 使用WEB IDE，在线编辑素材，添加动画等效果
• 在AR Player完成对素材的查看

硬件要求

开发计算机
一个AREngine支持的设备，通过USB连接到PC，保证后置摄像头工作正常。

软件要求

Chrome、Microsoft Edge浏览器

打开Web IDE开发工具网站程序

从Vector平台中选择一个模型，选择"编辑场景"，进入WEB IDE页面

添加灯光

在场景中点击加号，选择灯光，列出"点光源"、"聚光灯"、"平行光"、"半球光"、"环境光"等光源。选择"平行光"，将光源拖拽至合适的角度。

制作动画

点击场景中某个组件，在属性栏点击"动画"，弹出动画编辑框。
先选择场景树种的动画列表，然后再属性栏中点击添加动画，弹出动画编辑框。

接着在时间轴上点击添加"+"添加动画，选择要加动画的节点。

接着拖拽动画帧到1秒的位置，再拖拽选中的组件，到目标位置，再点击"添加帧"按钮，添加动画帧。

点击"保存"按钮，输入动画名称，将制作的动画保存。

添加用户交互事件

点击场景中某个组件，在属性栏点击"事件"，在事件列表中选择"单击"

在"动作"列表中选择要播放的动画。

预览场景

点击"预览"按钮，进入预览界面，选择"手机"预览。点击手机背壳，播放背壳打开动画。

保存场景

点击"保存"按钮，将创建好的场景保存。

分享场景

在预览状态，点击"分享"按钮，弹出分享界面。可以复制分享链接，也可以选择分享至微信。

完成账号的注册和认证

为保障素材作者的权益，所有用户均需完成基本信息的注册认证。详细步骤请参考：华为3D素材平台介绍

1.页面右上角点击上传素材，选择3D模型。

2.选择或者拖放您想要上传的文件，包含模型文件（.obj、.gltf、.fbx、.glb）、纹理文件（.mtl）和图片文件(.jpg、.jpeg、.png、.bmp)。或者上传一个包含所有文件的.zip

3.上传过程中等待文件解析，根据文件大小等待时间不等。

4.上传成功后，点击保存并继续。

【请您不要上传重复的素材哦~】

5.点击保存并继续按钮后，进入素材详情界面。

可在右侧详情信息处编辑该素材的说明信息【按照各标点对应下述内容】：

• 您为该素材命名，命名后会如图下标识①处所示展示。
• 如图②：对该素材进行描述（尽可能填写素材的详细说明，利于您的素材的推广传播）
• 如图③：选择该素材所属的类别（您设置该素材的类别后，可便于用户更快捷查找到您的素材,但请您不要过分滥用与您的内容不匹配的类别。我们的运营人员对类别调整有最终决定权）
• 如图④：选择该素材所属的标签（您设置该素材的标签后，可便于用户更快捷查找到您的素材,但请您不要过分滥用与您的内容不匹配的标签。我们的运营人员对标签调整有最终决定权）
• 如图⑤：封面预览及截取封面功能，配合使用，即是您的素材缩略图效果，如图。
• 如图⑥：选择是否公开该素材，如图（公开可被其他用户查看/非公开则为私密素材）。私密素材仅您自己可见，意味着它不会出现在搜索或公共素材库中，也不会被搜索引擎索引。
• 如图⑦：选择是否匿名（是否展示您的认证名称）
• 如图⑧：选择发布模式，（目前提供仅展示/免费两种，仅展示表示该素材可浏览不可被其他用户下载，免费可被其他用户下载。出售/出租模式即将推出，敬请期待）
• 如图⑨：选择场景设置，包含修改背景颜色，背景图片及场景效果。
• 如图⑩：若发现上传文件有误，可点击重新上传（直接覆盖原有内容）
  填写完所有信息后，点击发布。（点击发布后，素材转为审核中状态，不可编辑，当素材审核通过后，可选择下架后再进行编辑；点击保存成为草稿，可再次编辑）。
  *页面最下方模型信息里的内容是系统根据识别您的素材自动生成，无法进行修改。

6.如意外退出或点击保存后，您可以在我的工作台草稿标签页找到您的素材，点击素材如图所示中按钮①重新进行编辑，点击按钮②删除该素材。

干得好，你已经成功完成了codelab并学到了：

• 如何创建AR互动场景
• 如何开发AR动画
• 如何添加AR互动场景中的用户交互事件
• 如何在华为AR 3D 内容平台上传AR内容