使用VRControl时无法更改相机位置

时间:2015-12-26 09:58:50

标签: javascript three.js virtual-reality

我有以下代码:

setcookie

VRControls与加速度计同步工作,但我无法改变相机的位置。它似乎停留在原点(0,0,0)。在应用VRControls和VREffect之前,它工作正常。

2 个答案:

答案 0 :(得分:3)

Mozilla VR Team demos的Sechelt演示中找到了解决方案。我将在这里提供一个代码片段作为其他VR初学者的参考。

将相机添加到组而不是直接更新相机位置是移动相机的方法。

var scene, renderer, cameraRatio, camera, controls, effect, dolly;

function init() {
    scene = new THREE.Scene();

    renderer = new THREE.WebGLRenderer({ antialias: true });
    renderer.setSize( window.innerWidth, window.innerHeight );
    document.body.appendChild( renderer.domElement );

    cameraRatio = window.innerWidth / window.innerHeight;
    camera = new THREE.PerspectiveCamera( 75, cameraRatio, 1, 1000 );       

    controls = new THREE.VRControls( camera );
    effect = new THREE.VREffect( renderer );
    effect.setSize( window.innerWidth, window.innerHeight );

    // This helps move the camera
    dolly = new THREE.Group();
    dolly.position.set( 0, 0, 0 );
    scene.add( dolly );
    dolly.add( camera );

    ...
    // Of course, there should be lights, objects, etc
}

function animate() {
    dolly.position.x += 0.1;
    controls.update();
    effect.render( scene, camera );
}

init();
animate();

答案 1 :(得分:0)

我认为相机现在是object。您可以尝试使用object.position.set()