20. WebAR那些事: 一个40行的ARDemo

  1. 云栖社区>
  2. 博客>
  3. 正文

20. WebAR那些事: 一个40行的ARDemo

淘朗英 2016-12-07 14:06:05 浏览4053
展开阅读全文

紧接上文

WebVR+Three.js可以快速高效的搭建VR场景,降低了初学者的准入门槛,节省多平台重复开发,开始了H5在VR的新时代。

本次Demo所需二维码

用户可以本地启动HTTP服务,将URL填写到播放路径
本次demo已经集成到APK中,用户可以点击《AR地球》来体验
1480510893.png

AR地球

环境准备

  1. Demo使用r82版本,向下兼容
  2. Three.js 到http://www.threejs.org下载最新源码,这里使用three.min.js作为渲染引擎。
  3. WebVR.js WebVR的工具库,用于切换VR状态(three.js的源码包中,自己拷贝)
  4. VREffect.js WebVR的展示库,用于分屏展示(three.js的源码包中,自己拷贝)
  5. VRControls.js WebVR的控制库,用于监控陀螺仪、Camera、重力等(three.js的源码

网友评论

登录后评论
0/500
评论
淘朗英
+ 关注