Como animar Camera.lookAt usando três JS
Eu tenho uma cena que renderiza uma placa com vários objetos. Clicando em um dos objetos e usando a seleção de objetos, eu posso pegar o objeto e animar a posição da câmera para sentar em uma visão 'sobrecarga' do objeto. Então, usando o método camera.lookAt, posso forçar a câmera a olhar diretamente para o objeto.
Estou percebendo um rápido salto no início da minha animação ao chamar camera.lookAt dentro do método onUpdate, pois inicialmente ele tem uma grande distância para girar para ver o objeto selecionado. Cada chamada subseqüente para camera.lookAt é pequena em comparação e é bem animada.
// Position the camera to fit
var tween = new TWEEN.Tween(camera.position).to({
x: selectedObject.position.x,
y: selectedObject.position.y,
z: 1
}).easing(TWEEN.Easing.Quadratic.InOut).onUpdate(function() {
camera.lookAt(selectedObject.position);
}).onComplete(function() {
camera.lookAt(selectedObject.position);
}).start();
Existe alguma maneira de animar o método ou terei que transformar manualmente os valores da matriz da câmera para ver meu objeto selecionado?
Aqui está um violino com um exemplo. Ele usa o WebGLRenderer, então use um navegador adequado.
http://jsfiddle.net/fungus1487/SMLwa/
Obrigado por qualquer ajuda.