AR.js 教程

HTML5 herman 47浏览 0评论

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

增强现实的可能性是无数的。作者一直热衷于开发基于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应用程序

hiro标记图像

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上进行学习。

本文原文出处:业余草: » AR.js 教程