[GSAP & Canvas - for loop overwrites tweens]

YAAAAASSS! Thank you so much for the quick response Sahil

[GSAP & Canvas - for loop overwrites tweens]

Hi all,

 

I'm trying to recreate the effect I created below,  but in canvas for performance reasons.

 

Problem is My function loops over all the colors and instead of creating all independent shapes on the canvas with their own timing, it overwrites the arc on the canvas. I relatively new to canvas so, sorry if it's obvious. Thanks for the help!

 

 

 

See the Pen 9db14b8d46eff2e950513ef3fc0f5744 by johnheiner (@johnheiner) on CodePen

 

 

See the Pen 38384ff84e88460376d93e03cb43ccbd by johnheiner (@johnheiner) on CodePen

 

See the Pen 9db14b8d46eff2e950513ef3fc0f5744 by johnheiner (@johnheiner) on CodePen