Making Magic Fairy Dust With JQuery

Question

I have the following task:

Add falling fairy dust (kind of like Tinker Bell) to a website logo.

The falling fairy dust should be continuously animated/falling and fading out.

The website logo is a png.

I would like to absolutely position a div over the existing website logo image. That div would contain the animating fairy dust.

I know this is usually the type of job for Flash, but it is not allowed for this project.

What is the best way to do this? Is there some way with JQuery animation, or Canvas or processing.js?

Answer 1

Have you seen the jQuery Snow Fall plugin?

Answer 2

of course you could use javascript to add some dust, but this will strain the browser/system quite a bit.

i think the easiest way would be to create a gif with falling fairy dust and put it on top of your logo

ie.: a falling snow gif a falling snow gif

Answer 3

Here's a particle emitter jQuery plugin. Here's one that makes bubbles. You may be able to adapt one of these to meet you requirement.