Random values on each timeline repeat

[gareth 11 Likes (Newbie)]

Is it possible to refresh random values on every repeat of a timeline?

 

I have the the random values on each tween creation, but it just loops the same values.  

See the Pen BaLyqbb by garethj (@garethj) on CodePen

[akapowl 4,729 Likes (Superhero)]

Hey @gareth

 

repeatRefresh might be what you're looking for

 

See the Pen 7bc9f4a88180f4a147869a0e8f7e6153 by akapowl (@akapowl) on CodePen

 

repeatRefresh

Setting repeatRefresh: true causes a repeating timeline to invalidate() all of its child tweens and re-record their starting/ending values internally on each full iteration (not including yoyo's). This is useful when you use dynamic values (relative, random, or function-based). For example, x: "random(-100, 100)" would get a new random x value on each repeat. duration, delay, and stagger do NOT refresh.

 

(from the docs)

[gareth 11 Likes (Newbie)]

ok wow, so simple - thank you ! 

[mikel 4,758 Likes (Superhero)]

Hey @gareth,

 

 ... and a loop for the duration: duration, delay, and stagger do NOT refresh.

 

See the Pen OJRPaPG?editors=1010 by mikeK (@mikeK) on CodePen

 

Happy looping ...

Mikel