Three.js - 错误的轴或相机旋转

Question

我正在尝试使地板水平放置，但它是垂直放置的。我的代码有什么问题？也许相机旋转关闭？我正在使用three.js r52。

    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; 

Answer 1

您的代码很好，但您必须添加它才能将其旋转 90 度。看看这个：http://cssdeck.com/labs/threejsrotation/0（第 18 行：floor.rotation.x = -Math.PI / 2;）

Rotation 只是一个THREE.Vector3，类似位置。