Appearance
小程序 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 框架
其他创意制作可参考微信官方文档