跳到主要内容

AR

PlayCanvas 可通过 WebXR 和常见 AR 框架集成，为移动设备及头显创建增强现实应用。

平台​

Android Chrome、Meta Quest Browser、Magic Leap Helio、Samsung Internet、Microsoft Edge 等提供 AR 支持。8th Wall 和 Zappar 等还能覆盖 Safari 等多数移动浏览器。

备注

这些外部框架有独立许可，详情见各自网站。

WebXR AR 入门​

使用内置 AR 时，主摄像机清屏颜色必须透明：

透明清屏颜色

先检查设备支持与可用性，再响应按钮点击等用户输入启动 AR：

button.element.on('click', () => {
    // check if XR is supported and AR is available
    if (app.xr.supported && app.xr.isAvailable(pc.XRTYPE_AR)) {
        // start AR using a camera component
        entity.camera.startXr(pc.XRTYPE_AR, pc.XRSPACE_LOCALFLOOR);
    }
});

体验结束后，可调用以下方法退出：

app.xr.end();

AR 将现实与虚拟图像结合，可能把渲染缓冲叠加到摄像头画面，或投射到透视眼镜，通常提供相对现实环境的空间追踪。

适用参考空间：pc.XRSPACE_LOCALFLOOR。

入门套件​

PlayCanvas 提供多个 Starter Kit，创建项目时选择适合需求的模板即可。