近日，微信小程序官方上线了 XR-FRAME Beta 版开发文档。官方介绍称 xr-frame 是一套小程序官方提供的 XR/3D 应用解决方案，基于混合方案实现，性能逼近原生、效果好、易用、强扩展、渐进式、遵循小程序开发标准。

图源：网页截图

比起目前的 Canvas 组件，xr-frame 有以下显著的优势：

• 高度整合，上手简单：提供 xml 的方式来描述 3D 场景，并集成了 AR、物理、动画、粒子、后处理等等系统，上手简单，符合小程序开发规范；

• 渲染效果好：内置完整的 PBR 效果、环境光照、阴影，原生支持 glTF 资源，提供的 xr-frame-cli 可以快速通过全景图生成环境数据；

• 高性能：混合方案，渲染性能逼近原生，xr-frame-cli 可以对外部 glTF 文件进行优化，来提高加载性能，还有完善的缓存机制保证二次进入的加载性能；

• 易扩展：扩展性强，从资源到组件元素，皆可以由高阶用户自己定制，未来还可以暴露内部的渲染管线定制能力。

图源：微信小程序

目前微信小程序官方在该框架下展示的功能案例包括基础案例、glTF 案例、AR 案例、典型案例、扫描还原案例和高级定制。

其中 AR 案例主要借助手机摄像头实现虚实叠加，包括 Camera AR 相机渲染、Basic AR 平面识别、2DMarker AR 2DMarker、OSDMarker AR OSDMarker、Face AR 人脸、Hand AR 人手、Body AR 人体。

可通过微信扫描下方二维码，查看更多官方框架案例功能（要求微信版本8.0.28+）：

图源：微信小程序

最后，小程序官方表示目前 xr-frame 仍然存在一些限制，但会在未来被解决。同时未来还会追加更多的能力，在未来的规划中，还会着重致力于：

• 将 xr-frame 的标签和小程序 UI 标签无缝集成，让开发者可以在 xr-frame 组件中写 UI，来实现一套酷炫的 UI 系统；
• AR/VR 能力增强；
• 交互手段进一步强化，物理碰撞、触发等功能；
• 工具能力强化，包括标签属性自动补全等。