GSAP Syntax for reusing an element

[LK1037]

I'm trying to reuse an element in a timeline where [ thing1, thing2] reveals, sits for a second, then goes away. However, this only works once.

I've tried { repeat:3, repeatDelay:2} which only blinks 3 times rather than repeating in 2 second intervals.

 

Here's a snippet of my timeline...

 

.add( "f1")
.from( [ thing1, thing2], 0.5, { x:-7, autoAlpha:0, ease:Back.easeOut, scale:0.5}, "f1-=0.5")
.to( [ thing1, thing2], 0.5, { x:7, autoAlpha:0, ease:Power4.easeOut, scale:1.5}, "+=2")

 

.add("f2")

// thing3 comes in and goes away.

 

.add( "f3")
.from( [ thing1, thing2], 0.5, { x:-7, autoAlpha:0, ease:Back.easeOut, scale:0.5}, "f3-=0.5")
.to( [ thing1, thing2], 0.5, { x:7, autoAlpha:0, ease:Power4.easeOut, scale:1.5}, "+=2")

 

.add("f4")

// thing4 comes in and goes away.

 

.add( "f5")
.from( [ thing1, thing2], 0.5, { x:-7, autoAlpha:0, ease:Back.easeOut, scale:0.5}, "f5-=0.5")
.to( [ thing1, thing2], 0.5, { x:7, autoAlpha:0, ease:Power4.easeOut, scale:1.5}, "+=2")

 

.add("f6")

// thing5 comes and stays put.

 

 

[OSUblake]

3 hours ago, LK1037 said:

Here's a snippet of my timeline...

 

Great, now put that in a simplified demo. 

 

 

And try not to use .from() so much. You can't exactly do a from with autoAlpha: 0 if autoAlpha is already at 0. From 0 to 0 is 0.

[OSUblake]

Also this:

 

 

But I would just recommend not using .from() multiple times in a timeline with the same element(s).

 

[LK1037]

Ah — immediateRender. That took care of it.

 

Thanks for your help.