En Three.js, me gustaría que la cámara mirara un objeto en la escena, y cuando hago clic en otro objeto, haga que la cámara gire suavemente para mirar el nuevo objeto. (Es decir, animar la rotación de la cámara).

Me he registrado en SO y esta es la pregunta más similar:

Three.js Cómo usar el quaternion para rotar la cámara.

También he intentado modificar el código en estesitio web y me las arreglo para conseguir algo como estohttp://jsfiddle.net/F7Bh3/

 var quat0 = mesh2.quaternion;
 var eye = mesh2.position;
 var center = mesh.position;
 var mat = new THREE.Matrix4();
 mat.lookAt(center, eye, new THREE.Vector3(0,1,0));
 var quat1 = new THREE.Quaternion();
 quat1.setFromRotationMatrix( mat );

 var qm = new THREE.Quaternion();

 deltaTheta = angleBetweenQuats(quat0,quat1);
 var frac =  0.2/deltaTheta;
 if (frac>1)  frac=1;

 mesh2.quaternion.slerp(quat1,frac);
 mesh2.quaternion.normalize();

Pero cuando intento rotar la cámara en lugar del objeto, lo único que obtengo es:http://jsfiddle.net/5Peq9/1/

¿Qué me estoy perdiendo? Gracias por adelantado