1 摘要

通过 Web 浏览器实现 VR/AR (虚拟显示/增强现实) 具有如此强大的吸引力,Web 标准组织 W3C 和工业界(如 Google)分别在标准和框架实践两个方面推动项技术的发展。相关标准和 AR 框架的介绍,请参阅由 GeekPlux 撰写的文章 - Web 前端中的增强现实 (AR) 开发技术

2 技术框架

2.1 WebARonARKit 和 WebARonARCore

  • WebARonARKit - 是一个实验性的 iOS 应用,用于开发者使用 web 技术创建 AR 应用实验。
  • WebARonARCore - 是一个实验性的 Android 应用, 用于开发者使用 web 技术创建 AR 应用实验。

2.2 Three.ar.js

Thee.ar.js 是一个 three.js 库的辅助类库,其运行于 WebARonARKitWebARonARCore,用于构建 Web AR 应用。

2.3 AR.js

AR.js 是一个 Web AR 框架,作者 Jerome Etienne。该框架特点:

  • 快速:可以高效的运行在智能手机上 (60 fps) ;
  • 基于 Web:完全基于 Web,无需安装。 纯 javascrip 实现,基于 three.js + jsartoolkit5;
  • 开源:完全开源且免费;
  • 标准:工作于任何支持 webglwebrtc 的智能手机;

3 推荐阅读

  1. Web 前端中的增强现实 (AR) 开发技术 by GeekpPlux - 该文详细的介绍了 Web AR 相关标准 (W3C WebVR Group) 和两个重要框架 (three.ar.jsar.js) 的进展。
  2. WebAR for Augmented Reality by Jerome Etienne - 该文介绍了为什么 WebVR 相关标准和技术也适用于 WebAR 并倡导融合标准和框架。
  3. Web 前端也能做的 AR 互动 by Tgideas - 该文结合一个实际的项目介绍了在浏览器上实现 AR 互动的经验和遇到的问题。

4 参考文献

  1. WebVR,https://webvr.info/.
  2. W3 WebVR 工作组, https://www.w3.org/community/immersive-web/.
  3. Web 前端中的增强现实(AR)开发技术,https://geekplux.com/2018/01/18/augmented-reality-development-tech-in-web-frontend.html.
  4. WebVR for Argmented Reality, https://medium.com/arjs/webvr-for-augmented-reality-f1e69a505902.
  5. WebVR API extendsion for smartphone AR, https://github.com/google-ar/three.ar.js/blob/master/webvr%5Far%5Fextension.md.
  6. AR.js - Augmented Reality for the Web, https://jeromeetienne.github.io/AR.js/.
  7. WebRTC, https://webrtc.org.
  8. Web 前端也能做的 AR 互动, http://tgideas.qq.com/webplat/info/news%5Fversion3/804/7104/7106/m5723/201612/537832.shtml.
  9. WebARonARKit, https://github.com/google-ar/WebARonARKit.
  10. WebARonARCore, https://github.com/google-ar/WebARonARCore.