title: Apply camera position and rotation with three.js
body: <p>On a scene I have an object that I'm looking at with a <code>PerspectiveCamera</code>.
  Using <code>OrbitControls</code> I can move around the object, rotate it, pan it etc.</p>
  
  <p>What I want to do is move the object around to a certain location with a certain angle and then get the camera position and rotation. I would later update the camera with those values. The problem is that three.js doesn't apply some of those values. Here's what I'm doing to get the camera position, rotation, and the lookAt vector</p>
  
  <pre><code>console.log("Position", camera.position)
  console.log("Rotation", camera.rotation)
  console.log("World Direction", camera.getWorldDirection())
  </code></pre>
  
  <p>Once I get the vectors, write them down and apply them like this:</p>
  
  <pre><code>camera = new THREE.PerspectiveCamera(45, window.innerWidth / window.innerHeight, 1, 2000);
  camera.rotation.set(-3.14, -0.44, -3.14);
  camera.position.set(-1067.29, 34.23, 205.82);
  camera.lookAt(0.43, -7.10, 0.90)
  </code></pre>
  
  <p>But the problem is that the rotation and position get changed to some other value if I have used <code>pan</code> with OrbitControls</p>