水平动画相机 three.js

Question

我正在使用 GSAP 在 Three.js 中制作相机动画，我正在尝试将其设置为水平动画，就像电影中的平移一样。任何人都知道是否可以在轨道控件或类似的东西中为平移设置动画？

Answer 1

如果您正在使用 OrbitControls 并且想要手动设置平移动画，则必须设置摄像机位置和 OrbitControls.target 的动画，后者表示控件的焦点。控件的相关代码为：

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

Animate camera horizontally three.js