three.js - 水平动画相机three.js

Question

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

标签： three.jsgsap

Answer 1

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

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

完整演示：https ://jsfiddle.net/kerpm61q/