は延期約束（Greensock）

Question

を使用してタイムラインに仕上がっtweenliteを追加する私たちは、この記事で説明されているもののように、タイムラインに複数のトゥイーンを追加することができます。https://ihatetomatoes.net/greensock-timelinelite-tutorial/

しかし、どのように我々はときだけのタイムラインにトゥイーンを追加することができます完了ですか？

 var tween = TweenLite.to(
      { currentTime: 0 }, 
      300, 
      { 
       currentTime:300, 
       onUpdate: drawFunction, 
       onComplete: endFunction 
      } 
     ); 

私は繰延オブジェクトを置くことを考えて、私のENDFUNCTIONでそれを解決しています：私は私のプロジェクトは、キャンバスのアニメーションを作成するためにtweenLiteを使用しているため、これは求めています。しかし、どうすればonCompleteからそれを取り戻し、トゥイーンをタイムラインに追加できますか？なにか提案を？

Answer 1

まず、TweenLiteの代わりに、TimelineLiteを使用してください。

第2に、onCompleteは少しバグがあります。タイムラインで関数を呼び出すようにしてください。この関数は、前のトゥイーンが完了した後にのみ呼び出されます。

第3に、高度な制御用の位置パラメータを使用して、トゥイーンの位置を変更することもできます。その他の詳細はこちら：https://greensock.com/position-parameter

コードタイムラインを作成し、タイムライン内のコードを呼び出すために：

function myFunction(num) { 
    console.log(num) 
} 

var tl = new TimelineMax(); 

tl.from($box, 1, {y: '-=40', autoAlpha: 0, ease:Power4.easeInOut}) // no comma or semi-colon 
    .from($box2, 1, {y: '-=40', autoAlpha: 0, ease:Power4.easeInOut}) // no comma or semi-colon 
    .from($box3, 1, {y: '-=40', autoAlpha: 0, ease:Power4.easeInOut}); // semi-colon after last tween 
    .call(myFunction, ['1'])