[Optimize Large Number of Animated Elements]

Thanks for the tips, Carl and Dipscom! I'm currently implementing canvas as suggested and it appears to be running much more smoothly.

[Optimize Large Number of Animated Elements]

Hi there,

 

I'm new to greensock and am creating a holiday card which consists of an increasing number of snowflakes falling down the screen. The goal is to achieve a "snowed out" effect that will transition into a white background. As the number of moving elements increases, the animation gets laggy when the snowflakes are being generated(understandably). Currently, the animation is being timed by a large block of delayedCall, which doesn't seem ideal to me, and the snow is being generated by appending div elements using a for loop.

 

My questions are:

 

Is there a better way for me to call my snow functions other than a bunch of delayedCall?

 

and 

 

Is there a better way for me to generate the snow in place of the for loop to achieve the same effect?

 

Thanks!

See the Pen VmmWRp by jwymer (@jwymer) on CodePen