javascript - gsap 代码中的时间变量未更新

Question

因此，我在 Three.js 中获取对象的 Y 位置(高度)，然后用它更新 greensock 时间变量。它正在登录控制台，但不更新 greensock 中的变量。我究竟做错了什么？当我向时间变量添加一个数字而不是 null 时，它工作得很好，但我想以编程方式控制立方体的着陆速度。

Here's a plunker

相关的JS如下:

  function flyDown(){
    getFlyPosition();
    TweenLite.to(cube.position , flyTime, {y: 25, ease:Sine.easeInOut} );
  }

  var flyTime = null;


  function getFlyPosition(){
    scene.updateMatrixWorld(true);
    var position = new THREE.Vector3();
    position.getPositionFromMatrix( cube.matrixWorld );
    flyTime = Math.round(position.y/3);
    console.log(flyTime);
  }

Answer 1

并不是说它不起作用，只是你的 FlyTime 非常高，因为时间以秒为单位(因此它正在下降，只是非常非常慢)。

根据具体情况，我发现飞行时间在 35 到 70 左右之间。我不确定您的目标是什么，但我的猜测是您实际上希望将飞行时间划分为毫秒级别。

看看这个。我把 0.2 作为你的时间值，我让它“下降”。看起来您需要做的就是除以 FlyTime 或从某个版本中减去它。再说一遍，我不确定您想要什么速度。

  function flyDown(){
    getFlyPosition();
    console.log(flyTime);
    TweenLite.to(cube.position , .2, {y: 25, ease:Sine.easeInOut} );
  }

        var flyTime = null;


        function getFlyPosition(){
   scene.updateMatrixWorld(true);
    var position = new THREE.Vector3();
    position.getPositionFromMatrix( cube.matrixWorld );
    flyTime = Math.round(position.y/3);
    console.log(flyTime);
  }

http://plnkr.co/edit/MEXRiovDI2RMPaUKza4e?p=preview