如何在Three.js中沿直线移动相机？

Question

我刚开始使用Three.js和图形编程。我试图做的就是将相机从一个位置平滑过渡到另一个位置。

我发现了一个使用PathControls.js的解决方案，该解决方案已被删除。

Answer 1

这个功能应该有所帮助。需要你可以在three.js的examples / js / libs文件夹中找到的tween.js

function setupCameraPositionTween( source, target, duration, delay, easing )
{
    var l_delay = ( delay !== undefined ) ? delay : 0;
    var l_easing = ( easing !== undefined ) ? easing : TWEEN.Easing.Linear.None;

    new TWEEN.Tween( source )
        .to( target, duration )
        .delay( l_delay )
        .easing( l_easing )
        .onUpdate ( function()
            {
                // copy incoming position into camera position
                camera.position.copy( source );
            })
        .start();
}