今天,web 前端中文站带大家学习下Web AR 框架three.ar.js,不过在学习之前,我们需要了解下threejs的相关知识。
threejs 是什么
什么是threejs,很简单,你将它理解成 three + js 就可以了。three 表示 3D 的意思,js 表示 javascript 的意思。那么合起来,three.js 就是使用 javascript 来写 3D 程序的意思。
Javascript 是运行在网页端的脚本语言,那么毫无疑问 Three.js 也是运行在浏览器上的。
threejs 能做什么
一句话,它能写出在浏览器上流畅运行的 3D 程序。
threejs 的前身
它源自 github 的一个开源项目,发展相当迅速,现在已经发展到 r73 版了。(读者阅读时,可能更新)
three.ar.js
three.ar.js 是一款用于构建在 WebARonarkit 和 WebARonARCore 中运行的 AR Web 体验的three.js库
WebARonarkit 和 WebARonARCore 是 iOS 和 Android 的实验应用程序,让开发人员可以使用 Web 技术创建增强现实(AR)体验。three.ar.js可以通过在 3D three.js 库之间提供帮助和实用程序来创建这些体验,该库与 WebARonarkit 和 WebARonARCore 公开的 ARV 的 WebVR 扩展接口。例如:
THREE.ARReticle: 在真实世界物体的真实表面上画出可见的标线。
THREE.ARPerspectiveCamera: 将您的 three.js 场景与相机的视频馈送相匹配的相机。
下面是three.ar.js 在智能手机上的运行效果
以下是 three.ar.js 在智能平板上的运行效果

three.ar.js
web 前端中文站点评:
在了解了Web AR 框架three.ar.js 具体做什么之后,我们需要进一步学习 three.ar.js 的入门教程,具体可参考后面写的一篇文章《three.ar.js 入门教程》