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 Anonymous

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

April 15, 2008 at 11:14 AM
Anonymous

Interesting, you are doing nice developments!

April 15, 2008 at 7:08 PM
mud

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
Jacob Seidelin

Thanks.

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

April 18, 2008 at 9:56 PM
Unknown

amazing

May 7, 2008 at 2:20 AM
Anonymous

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 ashleystaggs@gmail.com

May 24, 2008 at 1:20 PM
Anonymous

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
nobody

Nice job!

March 18, 2012 at 9:05 PM
Cooper

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

testing
http://www.gravomaster.com/reload.php?url=http%3A%2F%2Fluberth.com%2Ftest%2Ftemperatuur_en_windrichting_andijk.htm&time=20&repeat=300000&endurl=


http://luberth.com/test/temperatuur_en_windrichting_andijk.htm



http://luberth.com/Bangert_30_1619GJ_Andijk/?Windrichting_andijk



thanks for any help or examples in advance
luberth

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