对相机进行水平动画Three.js

时间:2020-07-14 13:04:37

标签: three.js gsap

我正在使用GSAP在Three.js中制作照相机动画,我试图像在电影中平移一样对其进行水平动画处理。 有谁知道是否可以在轨道控制或类似物体中对平移进行动画处理?

1 个答案:

答案 0 :(得分:2)

如果您正在使用OrbitControls,并且要手动为平移设置动画,则必须为相机位置和OrbitControls.target设置动画,它们代表控件的焦点。控件的相关代码为:

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

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