Em Three.js, eu gostaria de ter a câmera olhando para um objeto na cena, e quando eu clico em outro objeto, para que a câmera gire suavemente para olhar para o novo objeto. (ou seja, animar a rotação da câmera).

Eu verifiquei em SO e esta é a pergunta mais semelhante:

Three.js Como usar o quaternion para girar a câmera

Eu também tentei modificar o código nestelocal na rede Internet e eu consegui algo assimhttp://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();

Mas quando tento rodar a câmera em vez do objeto, tudo que eu obtenho é:http://jsfiddle.net/5Peq9/1/

o que estou perdendo? desde já, obrigado