WebVR场景开发

WebVR网页的基本原理其实是通过浏览器的WebVR API获取用户输入，进而控制相机的视角，在VR模式下通过VR控制器和VR分屏器以二分屏+gyroscope(使用水平陀螺仪)的方式显示画面，裸眼情况下提供全屏+touchmove/gyroscope。

WebVR网页分屏

现在我们开始分别创建上文所说的VR控制器和VR分屏器

//初始化VR控制器需要传入场景相机
var vrControls = new THREE.VRControls(camera);
//初始化VR渲染器需要传入场景渲染器
var vrEffect = new THREE.VREffect(renderer);
//初始化VR适配器，传入渲染器和分屏器
var vrManager = new WebVRManager(renderer, vrEffect);

然后在前面创建的场景渲染函数里调用

function animate() {
    cube.rotation.y += 0.01;    //实时更新相机的位置和转角
    vrControls.update(); 
    vrManager.render(scene, camera);    //递归运行该函数
    requestAnimationFrame( animate );
}

至此，我们已经完成了一个基本的webVR网页，不过少了点交互效果好像，敬请期待Web开发的新世界—WebVR之交互事件