La ligne de temps de greensock ne fonctionne pas correctement

Question

Ma chronologie greensock exécute uniquement la deuxième instruction de ligne de temps. Si je commente le second, la première interpellation fonctionne. Quel est le problème avec le timing?

 tl.to($img, .3, {rotation: 0, ease:Linear.easeNone}, 0) 
     .fromTo($img, .3, {rotation: 0, ease:Linear.easeNone}, {rotation: 10, yoyo:true, repeat:-1, ease:Linear.easeNone}, 0); 

Answer 1

Ce dernier paramètre sur chacun des appels de ligne de temps est appelé le paramètre de position. En réglant ce paramètre à 0 sur les deux appels de méthode, vous dites que les deux animations sont exécutées à la marque 0 seconde du scénario. ceci étant effectivement le début. Donc, vous dites que les deux animations s'exécutent en même temps, c'est pourquoi vous ne voyez que la deuxième animation et lorsque vous supprimez cet appel, vous voyez le premier. Ainsi, si vous voulez exécuter une animation immédiatement après une autre, vous devez supprimer complètement le paramètre de position du second appel FromTo.

Vous pouvez également définir un décalage, ce qui signifie que vous pouvez définir la deuxième animation à s'exécuter légèrement avant la fin ou légèrement après. vous le feriez en réglant le paramètre position sur '- = 0,5', ce qui lancerait la deuxième animation 0.5 avant la fin de la première animation ou '+ = 0.5', ce qui déclencherait l'animation .5 secondes après.