Particles, nested timeline, repeat problem

[SteinarvDesign]

I have 2 functions:  generateParticles and animateParticles ( w. an inner timeline ).

I also have a 'Main Timeline':  gsap.timeline( { repeat: -1 } ).call( animateParticles, [numParticles - 1], '-=0' );

The problem is that 'animateParticles' executes only ONE time - the function will NOT repeat.

How can I make the function 'animateParticles' repeat itself after the first execution - play multiple times ?

 

See the Pen QWMZxOB by steinarV (@steinarV) on CodePen.

[Cassie]

Hey there @SteinarvDesign,

I may be misunderstanding - so apologies if so - but are you sure you want to call that function multiple times?

Maybe an easier way would be to just repeat the timeline created inside that function?

 

let pTimeLine = gsap.timeline({repeat: -1});

 

[SteinarvDesign]

@Cassie

 

Thank you . . . repeating the timeline inside the recursive function is a solution.