• 欢迎访问web前端中文站,JavaScript,CSS3,HTML5,web前端demo
  • 如果您觉得本站非常有看点,那么赶紧使用Ctrl+D 收藏web前端中文站吧

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

JavaScript web前端中文站 3年前 (2018-04-16) 10151次浏览 已收录 3个评论

今天,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 在智能平板上的运行效果

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

three.ar.js

web 前端中文站点评:

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

 


web 前端中文站 , 版权所有丨如未注明 , 均为原创丨本网站采用BY-NC-SA协议进行授权
转载请注明原文链接:Web-AR three.ar.js 之高效增强现实
喜欢 (0)
发表我的评论
取消评论
表情 贴图 加粗 删除线 居中 斜体 签到

Hi,您需要填写昵称和邮箱!

  • 昵称 (必填)
  • 邮箱 (必填)
  • 网址
(3)个小伙伴在吐槽
  1. The point is, any spherical will not be lost even if you possess the toughest give among the different participants.
    Oma2020-03-24 15:21 回复
  2. First will be the prompt play solution wherever one can instantaneously access the plat place specifically from their site.
    Alton2018-11-22 03:06 回复
  3. Pile your chips precisely and neatly so that it would-be easyto understand how much you've choice.
    Genie2018-11-13 01:56 回复