一个好玩的东西,纯JS代码实现增强现实(AR.js)

增强现实技术(Augmented Reality,简称 AR),是一种实时地计算摄影机影像的位置及角度并加上相应图像、视频、3D模型的技术,这种技术的目标是在屏幕上把虚拟世界套在现实世界并进行互动。这种技术1990年提出。随着随身电子产品CPU运算能力的提升,预期增强现实的用途将会越来越广。

 

---

 

先体验

  • 首先在手机浏览器里打开这个demo应用[http://jacktesla.xyz/Demo/webAR/]

               (打开网页,会提示你是否允许这个网页应用访问您的手机摄像头。点击允许)。

  •  打开这张图片,手机对着这张图片[http://jacktesla.xyz/Demo/webAR/marker.png]

一个好玩的东西,纯JS代码实现增强现实(AR.js)_第1张图片

 

---

 

新建一个html文件,把下列150行代码粘贴进去,然后在服务器上运行,使用之前描述的步骤即可进行AR测试:



















    AR.js - three.js mobile performance     
    Contact me any time at @jerome_etienne


 

当然,这个效果来自大神jeromeetienne开源的AR.js:[https://github.com/jeromeetienne/AR.js/]

 

 

更多文章jacktesla的博客

你可能感兴趣的:(Ar)