Анимировать камеру по горизонтали 3. js

Question

Я делаю анимацию камеры в Three. js с GSAP, я пытаюсь анимировать ее по горизонтали, как панорамирование в фильме. Кто-нибудь знает, можно ли анимировать панорамирование с помощью элементов управления орбитой или чего-то подобного?

Answer 1

Если вы используете OrbitControls и хотите вручную анимировать панорамирование, вы должны анимировать положение камеры и OrbitControls.target, который представляет точку фокусировки элементов управления. Соответствующий код для элементов управления:

gsap.to( controls.target, {
    duration: 2,
    x: 10,
    onUpdate: function() {
        controls.update();
    }
} );  

Полная демонстрация: https://jsfiddle.net/kerpm61q/