WebAR开发指南（1）---使用AR.js实现第一个WebAR demo

以下内容由公众号：三次方AIRX（国内领先的AI、AR、VR技术学习与交流平台） 整理

---

前面有一篇文章万字干货介绍WebAR的实现与应用分析了目前流行的WebAR框架并简单的介绍一些实现方法，这个专栏我们具体的来通过一些框架实现WebAR效果。

关于AR.js

AR.js是一个轻量级的增强现实类JavaScript库，支持基于标记和位置的增强现实。开发人员可以使用几行HTML将AR特性和功能引入任何网站。该项目是开源的，在GitHub上拥有近14,000个stars，各种平台的开发人员正在使用它来创建更多新的数字体验。AR.js框架包括跨浏览器兼容性，并且支持WebGL和WebRTC，这意味着它可以在iOS 11以上的Android和iPhone设备上正常工作。通过包装许多不同的AR框架，包括three.js，a-frame和ARToolKit，AR.js使得将AR引入Web应用程序变得更加简单高效。它具有以下优点：

• 跨浏览器兼容性

• 即使在较旧的设备上也可以达到60fps的高性能

• 基于Web，无需安装

• 开源，可免费访问

• 使用WebGL和WebRTC在所有移动设备上均可使用

• 无需额外或不常见的硬件

• 可以用不到10行HTML来完成

创建项目

假设你已经建立了一个（本地或其他）开发环境，并使用SSL证书对其进行了保护。为什么要使用SSL？Chrome要要求摄像机访问权限的网站都必须严格通过https交付。

我们可以仅用8行HTML编写一个AR.js demo。