¿Cómo animar la cámara en three.js para mirar un objeto?
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