Skip to content

小程序 AR 导览 ​

本教程,将使用小程序的形态,接入易现云图视觉定位,实现一个简单的大场景体验。

1. 参考快速入门指南完成地图的制作 ​

完成地图的制作

2. 下载 Mesh Unity 坐标系 ​

3. 制作内容 ​

因为小程序 XRFrame 渲染引擎趋近于 ThreeJS,这边使用 ThreeJS 官方的在线编辑器,制作内容

TIP

可选其他支持产出 GLB 场景的任意编辑器 也可在小程序代码中创建出一整个场景,可参考微信官方 XRFrame 相关文档

导入 Mesh 到场景中,作为位置参考 选择 OBJ 文件

IMPORTANT

注意,不要移动 OBJ 位置,以防止坐标混乱

导入贴图

启用贴图,并在环境中增加环境光源

此时,已经可以在场景中看到建图生成的模型

4. 参考建图模型位置,放置虚拟物体 ​

导入一个模型

基于建图的模型,调整位置

5. 导出小程序支持的 GLB ​

IMPORTANT

导出前,记得删除 OBJ,因为 OBJ 只用于参考坐标位置,实际体验并没有作用

6. 小程序接入 ​

在 SDK 中下载小程序示例 Demo,并使用微信开发者工具打开
如无插件权限,可在开发者工具中添加。

在入口,更改云定位地址为控制台部署后的真实地址

在内容 URL 更改为上一步骤,制作的 GLB(需要放到公网可访问的资源,例如阿里云 OSS 等)

编译并预览

7. 真机体验 ​

8. 其他创意制作 ​

易现的小程序大场景方案插件匹配微信 XRFrame 框架
其他创意制作可参考微信官方文档