AR.js 教程

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

更多精彩内容请看 web前端中文站
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上进行学习。

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

0
如无特殊说明,文章均为原作者原创,转载请注明出处
  • 转载请注明来源:AR.js 教程
  • 本文永久链接地址:https://www.lisa33xiaoq.net/892.html

该文章由 发布

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

Hi,请填写昵称和邮箱!

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