Web-AR three.ar.js之高效增强现实

今天,web前端中文站带大家学习下Web AR框架three.ar.js,不过在学习之前,我们需要了解下threejs的相关知识。

threejs是什么

什么是threejs,很简单,你将它理解成three + js就可以了。three表示3D的意思,js表示javascript的意思。那么合起来,three.js就是使用javascript 来写3D程序的意思。

Javascript是运行在网页端的脚本语言,那么毫无疑问Three.js也是运行在浏览器上的。

207051109455082

threejs

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.js1

three.ar.js

以下是 three.ar.js 在智能平板上的运行效果

three.ar.js

three.ar.js

web前端中文站点评:

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

 

0
如无特殊说明,文章均为原作者原创,转载请注明出处

该文章由 发布

这货来去如风,什么鬼都没留下!!!
发表我的评论

Hi,请填写昵称和邮箱!

取消评论
代码 贴图 加粗 链接 删除线 签到