I am facing an issue with my code where I'm trying to create a floor that is positioned horizontally, but it's appearing upright instead. I suspect that maybe the camera rotation is causing this problem. The framework I am using is 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;