Check out my
new book!
HTML5 Games book
3D Javascript Particle Generator Particles are awesome and so are particle generators. If you didn't know, a particle emitter is an object which spawns a large group of small objects (particles). It can be used to create a whole bunch of different effects like fire, rain, snow and magic!

Building on to the canvas 3D renderer, I hacked together a small particle emitter as a learning experience.

The demo has a number of controls for adjusting particle generation (size, shape, speed, direction, etc.) Several of the controls also have an additional "noise" control, which allows adding a random amount to that parameter.
There are a bunch of presets as well, that show effects such as a cone of smoke, a flame and even a fruity spiral!

Will be expanded with more controls and particle goodness in the future.

Performance seems best in Opera (specially the beta). Firefox and Safari are ok, but a little sluggish with high particle counts. IE sits this one out, for now at least.

Check it out here

⇓ 10 comments Calm_Pear

Holly crap that's so cool! Very nicely done!

April 15, 2008 at 11:14 AM

Interesting, you are doing nice developments!

April 15, 2008 at 7:08 PM

Wow, very neat. Really digging your posts.

I'm not sure how free your time is, but looking for someone to do a XYZ (3D) scatter graph in Javascript/Canvas.

April 16, 2008 at 11:06 PM


@mud: E-mail me at and we'll see.

April 18, 2008 at 9:56 PM


May 7, 2008 at 2:20 AM

Please please please can i get a copy of this particle engine. I am dying for one that i can use offline. If you can, e-mail me at

May 24, 2008 at 1:20 PM

Is there a 2D version of this?

March 26, 2009 at 11:08 AM
Jacob Seidelin

@w1sh: No, but I recall seeing another 2d particle experiment somewhere else recently. Maybe if you google around a bit.

March 26, 2009 at 11:44 AM

Nice job!

March 18, 2012 at 9:05 PM

is it possible to place canvas transparant above a googlemap satelite vieuw
would like to see the smoke in actual wind direction out off my chimney


thanks for any help or examples in advance

April 6, 2012 at 11:47 AM
Post a Comment