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

硬件要求

开发计算机
一个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并学到了:

已复制代码