Как анимировать Camera.lookAt с помощью Three JS
У меня есть сцена, которая рендерит доску с несколькими предметами. Нажав на один из объектов и используя выбор объектов, я могу получить объект и анимировать положение камер, чтобы они находились на виде сверху. Затем, используя метод camera.lookAt, я могу заставить камеру смотреть прямо на объект.
Я заметил быстрый переход в начале моей анимации при вызове camera.lookAt в методе onUpdate, так как он изначально имеет большое расстояние для поворота, чтобы посмотреть на выбранный объект. Каждый последующий вызов camera.lookAt является крошечным по сравнению с ним и прекрасно анимируется.
// 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();
Есть ли способ оживить метод или мне придется вручную преобразовывать значения матрицы камеры, чтобы посмотреть на выбранный мной объект?
Вот скрипка с примером. Он использует WebGLRenderer, поэтому, пожалуйста, используйте подходящий браузер.
http://jsfiddle.net/fungus1487/SMLwa/
Спасибо за любую помощь.