title: How to switch Three/js camera controls from First Person to Orbit and back
body: <p>You can switch from Three.js Orbit Controls to FirstPerson controls without a problem. But when you go from First Person to Orbit the display gets stuck in a 'mousedown' mode.</p>
  
  <p>What do you need to do to go back and forth between First Person and Orbit controls seamlessly? </p>
  
  <p>The jsBin with the demo</p>
  
  <p><a href="http://jsbin.com/jekebo/2/edit?html,js,output" rel="nofollow">http://jsbin.com/jekebo/2/edit?html,js,output</a></p>
  
  <p>The two functions</p>
  
  <pre><code>function setControlsFirstPerson() {
  
      camera = new THREE.PerspectiveCamera( 40, window.innerWidth / window.innerHeight, 1, 1000 );
      camera.position.set( -150, 20, 0 );
      controls = new THREE.FirstPersonControls( camera, renderer.domElement );
      controls.lookSpeed = 0.05;
      controls.movementSpeed = 50;
  
  }
  
  
  function setControlsOrbit() {
  
      camera = new THREE.PerspectiveCamera( 40, window.innerWidth / window.innerHeight, 1, 1000 );
      camera.position.set( 100, 100, 100 );
      controls = new THREE.OrbitControls( camera, renderer.domElement );
  
  }
  </code></pre>
  
  <p>Any help appreciated.</p>