javascript - さまざまな ScrollMagic シーンでトゥイーンを再利用する

Question

私はscrollmagicを初めて使用し、コードの繰り返しを避けるために、異なるトリガーで同じトゥイーンを使用したいと考えています。例えば：

var controller, firstTween, secondTween;

controller = new ScrollMagic;

firstTween = TweenMax.to($('body'), .1, {
  backgroundCoror: "#ff0000"
});

secondTween = TweenMax.to($('body'), .1, {
  backgroundCoror: "#ffffff"
});

controller.addScene([
  new ScrollScene({
    triggerElement: '#triggerOne'
  }).setTween(firstTween), new ScrollScene({
    triggerElement: '#triggerTwo'
  }).setTween(secondTween), new ScrollScene({
    triggerElement: '#triggerThree'
  }).setTween(firstTween), new ScrollScene({
    triggerElement: '#triggerFour'
  }).setTween(secondTween)
]);

しかし、最後の2つのシーンだけが機能します。それを機能させるには、各シーンでトゥイーンを繰り返す必要があります。再利用可能なトゥイーンを作成することは可能ですか?