Java基础、中级、高级、架构面试资料

AR.js 教程

HTML5 herman 9422浏览 0评论
公告:“业余草”微信公众号提供免费CSDN下载服务(只下Java资源),关注业余草微信公众号,添加作者微信:xttblog2,发送下载链接帮助你免费下载!
本博客日IP超过2000,PV 3000 左右,急需赞助商。
极客时间所有课程通过我的二维码购买后返现24元微信红包,请加博主新的微信号:xttblog2,之前的微信号好友位已满,备注:返现
受密码保护的文章请关注“业余草”公众号,回复关键字“0”获得密码
所有面试题(java、前端、数据库、springboot等)一网打尽,请关注文末小程序
视频教程免费领
腾讯云】1核2G5M轻量应用服务器50元首年,高性价比,助您轻松上云

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

业余草公众号

最后,欢迎关注我的个人微信公众号:业余草(yyucao)!可加作者微信号:xttblog2。备注:“1”,添加博主微信拉你进微信群。备注错误不会同意好友申请。再次感谢您的关注!后续有精彩内容会第一时间发给您!原创文章投稿请发送至532009913@qq.com邮箱。商务合作也可添加作者微信进行联系!

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