scrollmagic & GASP как перезапустить анимацию

Question

im создает анимацию книги. страницы должны быстро поворачиваться (как я сделал в анимации), но я хочу, чтобы они вернулись в исходное положение после того, как e прокрутит назад из диапазона триггеров. ниже приведен код js и кодовая ссылка.

var scene = new ScrollMagic.Scene({triggerElement: "#trigger1", offset: 400,}) 

       .setTween(".st34", 0.1, {rotation: "170_cw", transformOrigin: '100% 65%', repeat:-1}) // the tween durtion can be omitted and defaults to 1 
       .addIndicators({name: "libri"}) 


       .addTo(controller) 





//////////////////////////////// 
var scene = new ScrollMagic.Scene({triggerElement: "#trigger1", offset: 400,}) 

       .setTween(".st35", 0.3, {rotation: "170_cw", transformOrigin: '100% 75%', repeat:-1}) 
       .addIndicators({name: "libri"}) 


       .addTo(controller); 


/////////////////////////////////////// 
var scene = new ScrollMagic.Scene({triggerElement: "#trigger1", offset: 400,}) 

       .setTween(".st36", 0.5, {rotation: "170_cw", transformOrigin: '100% 85%', repeat:-1}) 
       .addIndicators({name: "libri"}) 


       .addTo(controller); 

http://codepen.io/Separator/pen/ZQZGMN

Answer 1

Используйте на отпуск событие и включать анимацию с противоположной анимации.

scene.on("leave", function (event) { 
    console.log("Restart Fist Animation"); 
}) 

Надеюсь, что это поможет.