19. Html5的局: 手把手写一个100行的VR程序

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

19. Html5的局: 手把手写一个100行的VR程序

淘朗英 2016-11-07 11:36:54 浏览9344
展开阅读全文

紧接上文

WebVR扩展了WebGL的标准,增加了HMD、PS等组件,让开发者可以在H5上开发VR程序。高级VR设备往往拥有了比手机更高精度的传感器、显示器、GPU等,让用户可以更加真实的感受虚拟世界。本节是《Html5的局》最后一节,我们手把手的写一段VR代码,感受WebVR的便捷。

本次Demo所需二维码

用户可以本地启动HTTP服务,将URL填写到播放路径
1478017793

3D地球

环境准备

  1. Three.js 到http://www.threejs.org下载最新源码,这里使用three.min.js作为渲染引擎。
  2. TrackballControls.js,在three.js的源码里面可以找到,作为交互控制器。

纹理准备

  1. 地球纹理,在网上可以找到最新的地图纹理,最好使用4k,比较清晰
    earth_map_jpeg
  2. 星空纹理,虽然可以使用粒子系统来模拟星空,简单起见,使用4k纹理图
    stars_map_2

准备空白的

网友评论

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