Three.js 3.3控制初始旋转

Three.js 3.3控制初始旋转,three.js,virtual-reality,Three.js,Virtual Reality,我一直在做这件事,但它并没有完全满足我的需要 我有一个VR视频应用程序,我刚从一些旧的和定制的东西切换到带有WebVR polyfill的VRControls。这是工作得很好,但我真的很难设置初始相机角度 例如,我希望摄影机开始指向特定角度,然后随控件一起旋转-但是控件始终覆盖此角度 我尝试将相机添加到推拉组或透视相机中,似乎可以移动相机,但无法设置初始视角 下面是相机的设置方式 container = document.getElementById('container');

我一直在做这件事,但它并没有完全满足我的需要

我有一个VR视频应用程序,我刚从一些旧的和定制的东西切换到带有WebVR polyfill的VRControls。这是工作得很好,但我真的很难设置初始相机角度

例如,我希望摄影机开始指向特定角度,然后随控件一起旋转-但是控件始终覆盖此角度

我尝试将相机添加到推拉组或透视相机中,似乎可以移动相机,但无法设置初始视角

下面是相机的设置方式

    container = document.getElementById('container');

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

    scene = new THREE.Scene();

    target = new THREE.Vector3();

    renderer = new THREE.WebGLRenderer();
    renderer.setSize(window.innerWidth, window.innerHeight);
    container.appendChild(renderer.domElement);

    var vrEffect = new THREE.VREffect(renderer);
        vrEffect.setSize(window.innerWidth, window.innerHeight);

    var params = {
        hideButton: false, // Default: false.
        isUndistorted: false // Default: false.
    };
    manager = new WebVRManager(renderer, vrEffect, params);
    dolly = new THREE.PerspectiveCamera();
    dolly.add( camera );
    //scene.add( dolly );
    controls = new THREE.VRControls(camera);// (I've tried using Dolly here)
    controls.standing = true;
我尝试了各种方法来旋转相机、小车或场景

    camera.position.y = currentScene.pan * Math.PI/180;
    //controls.resetPose();
    //dolly.position.x = currentScene.tilt * Math.PI/180;
    //camera.updateProjectionMatrix();

我可以旋转网格,但是网格内的所有对象都位于错误的位置。。我可以试着移动它们,但这似乎是将相机指向我想要的位置的错误方法

摄影机稍后将被重新添加到场景中,覆盖了小车。它正在工作

摄影机稍后将被重新添加到场景中,覆盖了小车。它正在工作

您是否尝试旋转推拉组?推拉旋转x=50*Math.PI/180;您是否尝试旋转推拉组?推拉旋转x=50*Math.PI/180;