CODE大全
您的位置 : 首页 > 前端技术 >

AR.js 教程

发布时间:『 2018-04-19

AR.jshttp://www.bdx-leb.com/c5be/c9b9aa51f5f1.html 是一个可以实现移动端 60fps 的Web高效增强现实。

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

AR.js 开源在 http://www.bdx-leb.com/e30d/09036f0fddd3.htmlgithub 上,目前有 9k 的star。

AR.js是一http://www.bdx-leb.com/7641/dc83101f0190.html个解决方案,有效地在whttp://www.bdx-leb.com/efb9/31e34edaa8f5.htmleb上提供http://www.bdx-leb.com/ec8c/6d5bce7aa4f6.html增强现实。

AR.js 的特点

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

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

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

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

hiro标记图像

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

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

<!http://www.bdx-leb.com/ce5e/f39448fa9005.htmldoctype HTML>
<html>
<scriphttp://www.bdx-leb.com/928c/fed60c26375a.htmlt src="https://aframe.io/releases/0.6.1/aframe.min.js"></script>
<script src="https://cdn.rawgit.com/jeromeetienne/AR.js/http://www.bdx-leb.com/3e6a/b84011d76478.html1.5.0/aframe/build/aframe-ar.js"> </script>
  <body style='margin : 0px; overflow: hidden;'>
    <a-scene embedded arjs>
  	<a-marker preset=&qhttp://www.bdx-leb.com/056b/4c3b60ca1eac.htmluot;hiro">
            <a-box position='0 0.5 0' material='color: black;'></a-box>http://www.bdx-leb.com/6d04/9b468e4f8b3c.html;
  	</a-marker>
  	<a-entity camera></a-entity>
    </a-scene>
  </body>
</html>

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

业余草公众号

最后,欢迎关注我的个人微信公众号:业余草(yyucao)!


——— 全文完 ———
Powered by 张鑫旭 | 鄂ICP备14009759号-2 | 网站留言 Copyright © 2014-2016 张鑫旭 版权所有