本文是介绍微信小程序新推出的AR/VR/3D框架xr-的系列文章。您可以点击我的头像阅读所有文章。我会持续更新xr-官方demo的源码解释。本文给出了几个官方的demo，总结了一套AR小程序开发的通用方法：1）。通过xr-tags引入需要的资源，如gltf等，2）。绑定在 ar 标签中，3 )。为xr-ar-添加子元素，即位置覆盖显示屏的元素。 4).设置相机的AR属性。通过这4步，我们就可以搭建一个AR小程序的雏形，并具备AR+图像（）识别的能力。我们只需要关注识别对象后如何交互即可。这里我们根据官方demo来解释一下。可以在互动动画//官方小程序典型案例（名称：小程序示例）中体验，详情如图。例1：扫描图片播放视频的一般方法如下： 1）．通过xr-引入视频，并绑定到xr--； 2）。绑定工卡照片的图片地址； 3）。在元素中创建子元素xr-mesh，并设置属性为第一步中的； 4).将 AR 属性设置为 is-ar- 到相机。演示效果基本上可以通过这一般4个步骤来完成。我们添加了一个小优化：只有工作卡照片被识别后，视频才会开始播放：1）。在xr-ar-上绑定ar-事件，识别到后会触发； 2）。触发时，如果识别到传入的参数，视频将自动定位到该位置。我们可以获取视频节点，然后调用play方法来播放它。其他情况可以看图中说明。