Jquery Firefly animation with GSAP possible?

[Demorus 3 Likes (Newbie)]

Here is how the animation looks like:

 

http://www.jongaulin.com/articles/firefly/

 

Is something like this possible without having to create tens of divs manually?  The idea behind firefly is to create particles that randomly fly around the site. Some of the top designers use firefly for their site but I thought if something like this was possible with GSAP then it would improve performance since firefly uses images.

 

 

[Diaco 1,995 Likes (Superhero)]

Hi Demorus 

 

yep , pls check this out :

 

See the Pen gbwzoM by MAW (@MAW) on CodePen

[Maelfyn 41 Likes (Newbie)]

Thought I'd share my minor variation of Diaco's. I added some bezier animations just to give an idea of what is possible given some effort.

 

See the Pen GgRLbg by maelfyn (@maelfyn) on CodePen

 

Edit: Added a little bit of repeat+yoyo action for a more convincing firefly effect This is fun.

[Carl 11,115 Likes (Superhero)]

Nice work, guys. Very cool demos.

[Demorus 3 Likes (Newbie)]

Indeed, very nice examples. Compared to the jquery firefly this is far more faster and effective.

 

May I ask, why are nearly all designers still using jquery animate or other animation methods instead of Greensock?

[jamiejefferson 1,199 Likes (Superhero)]

It's a big big world and unfortunately they probably just haven't heard of/seen it yet. Tell your friends! 

[Maelfyn 41 Likes (Newbie)]

Jquery animate is garbage. I swapped from using it about a year ago and never looked back. All due respect to Mr. Resig's amazing library, but it's simply not designed for animation. And, yes, if there was any justice in this world, Greensock would be about 50 times bigger than it is. The problem is that a lot of people on the web simply aren't doing anything that demanding and just don't care about animation performance as much as the tweening zealots on this board.

 

Btw, I added several optimizations to my demo. Should look even better now. Animates 300 dots smoothly on my machine.

[Demorus 3 Likes (Newbie)]

Im keep on telling people to start using GSAP, it is simply future oriented and in many cases better than pure css3 solutions.

 

They simply never heared of the Greensock JS library. When I link to your page everyone cant believe their eyes, as if it was magic! Funny thing is, the code is really small and different modules and extras in seperate javascript files. Jquery should have done that too, instead of putting everything in 1 huge file. People can always join them at a later stage if needed.