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

AR.js 教程

JavaScript web前端中文站 2年前 (2017-11-28) 1643次浏览 已收录 0个评论

AR.js 是一个可以实现移动端?60fps 的 Web 高效增强现实。

更多精彩内容请看 web 前端中文站
http://www.lisa33xiaoq.net 可按 Ctrl + D 进行收藏

增强现实的可能性是无数的。作者一直热衷于开发基于 Web 的 AR 很长时间。希望 AR 对世界有用。这个项目是实际发生的强烈愿望的结果。它被称为AR.js

AR.js?开源在 github 上,目前有 9k 的 star。

AR.js是一个解决方案,有效地在 web 上提供增强现实。

AR.js 的特点

  • 非常快速:即使在手机上也能高效运行。2 年前的旧手机还可以达到 60 帧/秒!
  • 基于网络:这是一个纯粹的网络解决方案,所以不需要安装。基于 three.js + jsartoolkit5 的完整的 JavaScript。
  • 开源:完全开源,免费!
  • 标准:可以在任何带有 webgl 和 webrtc 的手机上运行。

它适用于所有平台。Android,IOS 和窗口电话。它使用 WebGL 和 WebRTC 运行任何浏览器。(对于 IOS,你需要更新到 ios11)

以下两个简单的步骤,可以检查出你的手机是否支持 AR.js

  1. 在手机浏览器里打开这个图像。
  2. 在您的手机浏览器中打开这个增强现实 web 应用程序

AR.js 教程

AR.js?为 artoolkit 带来更多的性能。artoolkit 是一个多年的经验做增强现实的软件。

AR.js 实现的网页增强现实小应用

 <!doctype HTML> 
 <html> <script src="https://aframe.io/releases/0.6.1/aframe.min.js"></script> 
 <script src="https://cdn.rawgit.com/jeromeetienne/AR.js/1.5.0/aframe/build/aframe-ar.js"> 
 </script>   
 <body style='margin : 0px; overflow: hidden;'>     
 <a-scene embedded arjs>    
 <a-marker preset="hiro">             
 <a-box position='0 0.5 0' material='color: black;'>
 </a-box>    
 </a-marker>    
 <a-entity camera>
 </a-entity>     
 </a-scene>   
 </body> 
 </html>

更多学习资料,请移步到 github:https://github.com/jeromeetienne/AR.js 上进行学习。

【注:本文源自网络文章资源,由站长整理发布】


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

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

  • 昵称 (必填)
  • 邮箱 (必填)
  • 网址