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.

questionAnswers(2)

yourAnswerToTheQuestion