三个JS TWEEN JS不顺利

时间:2014-12-15 16:43:45

标签: javascript three.js tween

我在三个JS https://github.com/sole/tween.js/上使用TWEEN并面临顺利问题。

当我将补间数从1加到2时,我得到这个数字:

enter image description here

你可以看到数字有时会被超越。这样可以防止动画流畅。

这是我的场景动画配置:

function animate() { 
          requestAnimationFrame( animate );
          render();
          controls.update();
          TWEEN.update();
          stats.update();      
    }

    function render() {      
          renderer.clear();
          renderer.render( scene, camera );
          updateHUDSprites ();
          renderer.clearDepth();
          renderer.render( sceneOrtho, cameraOrtho );                                                           
    }

TWEEN功能:

  var lineTween = new TWEEN.Tween({value:1}).to({value:1000},100).easing(TWEEN.Easing.Linear.None).onStart(function(){

  }).onUpdate(function () {
             console.log(this.value);  
  }).onComplete(function () {

  }).start(); 

有一些经验吗?为什么会这样?

0 个答案:

没有答案