Javascript Three.js-错误的轴或相机旋转
我试图使地板水平放置,但它是垂直放置的。我的代码怎么了?也许相机的旋转停止了?我使用的是three.js r52Javascript Three.js-错误的轴或相机旋转,javascript,three.js,Javascript,Three.js,我试图使地板水平放置,但它是垂直放置的。我的代码怎么了?也许相机的旋转停止了?我使用的是three.js r52 camera = new THREE.PerspectiveCamera (45, window.innerWidth / window.innerHeight, 1, 1000
camera = new THREE.PerspectiveCamera
(45, window.innerWidth / window.innerHeight, 1, 10000);
camera.position.x = -500;
camera.position.z = 0;
scene = new THREE.Scene();
var floorGeometry = new THREE.PlaneGeometry(1000, 1000, 1, 1);
var floorMaterial = new THREE.MeshBasicMaterial( {color:0x448844} );
var floor = new THREE.Mesh(floorGeometry, floorMaterial);
scene.add(floor);
controls = new THREE.FirstPersonControls(camera);
controls.movementSpeed = 1000;
controls.lookSpeed = 0.0;
controls.lookVertical = true;
您的代码很好,但您必须添加此代码才能将其旋转90度。看看这个:(第18行:
floor.rotation.x=-Math.PI/2;
)
旋转只是一个
3。向量3
,就像位置一样。。。我这样做了,但我仍然看到相同的结果。@nnyby啊,对不起,我给你的轴错了。答案已更新为一个工作示例。我希望这有帮助!:-)