提高CreateJS使用的TweenJS / three.js的帧率

Question

我在一个60的TweenJS项目中使用CreateJS的three.js。当我使用TweenJS移动对象时，我注意到动画感觉很不稳定，就好像这些对象正在以更低的帧速率更新。

下面是一个例子：https://jsfiddle.net/sccottt/sbm9s6k5/1/

在本例中，框(动画w/ TweenJS)的移动似乎比背景中的线条(按requestAnimationFrame()旋转)要平稳得多。

是否有办法改变TweenJS的帧速率，或者是否有人知道如何使它更顺利地执行？

Answer 1

请注意，您在小提琴中包含的tweenjs.min.js库实际上并不像您可能认为的那样被使用。相反，正在使用createjs版本。

无论如何，我使用了原来的tween.js，它位于three.js/examples/libs/tween.min.js之下，并重写了您的Tween.min.js代码，我相信结果会更加流畅。

setInterval( function()
{
    var trgt    = randomV3();

    new TWEEN.Tween( _someone.position )
        .to( { x: trgt.x, y: trgt.y, z: trgt.z }, 2000 )
        .easing( TWEEN.Easing.Quadratic.InOut )
        .onUpdate( function() {
            _someone.position.set( this.x, this.y, this.z );
        } )
        .start()
    ;
}, 2250 );

小提琴在https://jsfiddle.net/2v4tqaux/