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