Tuesday, April 15, 2008

Comments 8 comments

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

8 comments:

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

Interesting, you are doing nice developments!

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.

Thanks.

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

amazing

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

Is there a 2D version of this?

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

Post a Comment

 
Copyright 2008-2009 Jacob Seidelin - Privacy Policy - Some icons by Bruno Maia, IconTexto