1

複数のトゥイーンを組み合わせて、1 つのイーズ関数で実行できますか? このようなもの:

var el = $('#some-element');

var tw1 = new TweenMax.to(el, 1, {left: 100});
var tw2 = new TweenMax.to(el, 1, {left: 200});
var tw3 = new TweenMax.to(el, 1, {left: 300});

var tl = new TimelineMax({ease:Power2.easeOut})
    .add(tw1)
    .add(tw2)
    .add(tw3);

この問題のサンドボックスの例を作成しました: http://codepen.io/panych/pen/qpjCK
では、一般的なイージングでボックスを移動するにはどうすればよいでしょうか?

UPD

新しいサンドボックス:

  1. http://codepen.io/panych/pen/qpjCK
  2. http://codepen.io/panych/pen/aLHGy

2 番目の例で示したように、1 つの共通イージング関数を使用して、最初の例からボックスを移動する必要がありますが、中間トゥイーンは削除しません。

4

2 に答える 2