GSAP：タイムラインでトゥイーンをずらしようとしています

Question

タイムライン内で各トゥイーンを特定のオフセットで再生しようとしています。

const tl = new TimelineLite({ 
    onComplete: playReverse, 
    onReverseComplete: play, 
    stagger: 5 
}); 

後、私は.add（）メソッドに配列を渡す、タイムラインに私のトゥイーンを追加します。

これは私が私のタイムラインを初期化する方法です。

tl.add(tweensForTl); 

タイムラインを再生すると、すべてのトゥイーンを同時に開始... 任意の提案やアイデア？

Answer 1

あなたが投稿した制限されたコードから伝えるのは難しいですが、staggerTo（）のようなスタガーメソッドのうち、4番目のパラメーターが「スタガー」の量（秒数回）。それが最も簡潔な方法かもしれません。

しかし、厳密には、あなたの質問に答えるために、あなたが行うことができます：あなたはすでにこれを見ていない場合は

tl.add(tweensForTl[0]); //add the first one at the end (no delay) 
for (var i = 1; i < tweensForTl.length; i++) { 
    tl.add(tweensForTl[i], "+=5"); //add a 5 second delay before the start of each subsequent one 
} 

は、それが役に立つかもしれません：http://greensock.com/position-parameter