title: Three.js tween camera.lookat
body: <p>I'm attempting to tween the camera.lookAt in Three.js using Tween.js with little success. </p>
  
  <p>This works</p>
  
  <pre><code>    selectedHotspot = object;
  
      var tween = new TWEEN.Tween(camera.lookAt( object.position),600).start();
  </code></pre>
  
  <p>But rotates the camera directly to the object.position. </p>
  
  <p>How do I get a nice smooth rotation? </p>
  
  <p>This is the render function</p>
  
  <pre><code>  function update() {
  
      lat = Math.max(-85, Math.min(85, lat));
      phi = THREE.Math.degToRad(90 - lat);
      theta = THREE.Math.degToRad(lon);
  
      target.x = 512 * Math.sin(phi) * Math.cos(theta);
      target.y = 512 * Math.cos(phi);
      target.z = 512 * Math.sin(phi) * Math.sin(theta);
  
  
      if(!selectedHotspot)
          camera.lookAt(target);
  
  
      renderer.render(scene, camera);
  
  }
  </code></pre>
  
  <p>UPDATE</p>
  
  <p>OK I can't actually tween the camera on anything. I think there must be something else wrong. Should there be something else in the render function? </p>