Chase-Camera: Tween effect added to camera transitions (issue #5).

Three.js/Chase-Camera.html

@@ -15,6 +15,7 @@
 <script src="js/THREEx.KeyboardState.js"></script>
 <script src="js/THREEx.FullScreen.js"></script>
 <script src="js/THREEx.WindowResize.js"></script>
+<script src="js/tween.min.js"></script>
 
 <!-- jQuery code to display an information button and box when clicked. -->
 <script src="js/jquery-1.9.1.js"></script>
@@ -180,13 +181,19 @@
 
 	var cameraOffset = relativeCameraOffset.applyMatrix4( MovingCube.matrixWorld );
 
-	camera.position.x = cameraOffset.x;
-	camera.position.y = cameraOffset.y;
-	camera.position.z = cameraOffset.z;
-	camera.lookAt( MovingCube.position );
-
-	//camera.updateMatrix();
-	//camera.updateProjectionMatrix();
+  TWEEN.update();
+
+  // Apply smoothing to the camera transition.
+  new TWEEN.Tween( camera.position ).to( 
+  {
+    x: cameraOffset.x,
+    y: cameraOffset.y,
+    z: cameraOffset.z
+  }, 90 )
+  .interpolation( TWEEN.Interpolation.Bezier )
+  .easing( TWEEN.Easing.Sinusoidal.InOut ).start();
+
+  camera.lookAt( MovingCube.position );
 
 	stats.update();
 }