水平动画相机three.js

【问题标题】：Animate camera horizontally three.js水平动画相机three.js
【发布时间】：2020-07-15 02:10:58
【问题描述】：

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

【问题讨论】：

【解决方案1】：

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

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

【讨论】：