title: Three.js - wrong axes or camera rotation
body: <p>I'm trying to make a floor positioned horizontally, but it's positioned upright. What's wrong with my code? Maybe the camera rotation is off? I'm using three.js r52.</p>
  
  <pre><code>    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; 
  </code></pre>
  
  <p><img src="https://i.stack.imgur.com/6sbNy.png" alt="upright PlaneGeometry"></p>