Generating a Particle System with JavaScript: New Premium Tutorial
plus

Generating a Particle System with JavaScript: New Premium Tutorial

on Mar 31st 2010 with 17 comments
Tutorial Details
  • Technology: JavaScript
  • Difficulty: Advanced
Demo View It Online

If you’ve ever seen a fireworks effect, created in Flash, I’ll show you how to reproduce the effect using pure JavaScript in this week’s Premium tutorial! Why let the Flash developers have all the fun? Help give back to Nettuts+ by becoming a Premium member.


Particle System

Join Net Premium

NETTUTS+ Screencasts and Bonus Tutorials

For those unfamiliar, the family of TUTS sites runs a premium membership service. For $19 per month, you gain access to exclusive premium tutorials, screencasts, and freebies from Nettuts+, Psdtuts+, Aetuts+, Audiotuts+, and Vectortuts+! For the price of a pizza, you’ll learn from some of the best minds in the business. Join today!

Tags: Premium
 
Enjoyed this Post?

Subscribe to our RSS Feed, Follow us on Twitter or simply recommend us to friends and colleagues!

By

Rollover to read this author's bio or click through to see a full list of posts by this author.

This author has yet to write their bio.  

Plus Premium
 
 
Note: Want to add some source code? Type <pre><code> before it and </code></pre> after it. Find out more
  • Devin Rajaram

    Gotta check this out later :p

  • http://newarts.at Drazen Mokic

    The effect looks pretty… useable but the technique is interesting, thanks.

  • adrian

    interesting effect, but where would you use it? The background demo was jerky even in chrome on an iMac. I hate flash but this effect is best as a seamless looping movie

  • http://bipin.me bipin

    the effect in the demo looks great. IIt may be good alternate to Flash but how the effect can be good in a websiteas shown in the demo. nevertheless great work.

  • http://www.naumanakhtar.com Nauman Akhtar

    This is good, but effects are too slow and it has a jerk in it. can this be fixed ?

  • Sauro

    I think is better to wait for the full development of WebGL … they will be pretty much faster to render.

  • http://www.farotech.com/ dP
  • http://www.jordanwalker.net Jordan Walker

    wild!

  • http://twitter.com/xrommelx xRommelx

    amazing effect!!!

  • http://www.ronniesan.com RonnieSan

    Like others said… cool idea but useless. Too slow and jerky and I’m guessing processor intensive.

  • http://www.hsp.dk Henrik Pedersen

    I’m sorry, but I can’t see how we can use this effect? It was eating up 40 – 60% of my CPU and my computer is realitvly powerfull (relative = don’t pwn nerds :D)

    Interesting code anyway :)

  • dave

    I haven’t looked at this tutorial yet. It’s probably good.

    -=-=-=-=-=-=-

    :(
    The quantity of premium tutorials and the quality of subject matter have been disappointing. I hope that both improve soon.

  • Seth Aldridge

    Hi,

    I’ve been a plus subscriber for a little while now and really am having a hard time finding where the hell I get this tutorial? Is there an easier way to display where we log in and how we get the files? What if you made a “Download Source” button that when clicked opens a modal window with a login screen that when entered will download the correct content.

    Thanks,
    Seth

  • http://www.dhanashree.com Munnabhai- Dhanashree Inc

    Yes, The demo are nice. and looks great bus where to use this types of effect.
    Thanks
    Munnabhai – Dhanashree Inc

  • http://www.thumbslinger.com Kelly

    Proof of concept really. I would think it would more of a background animation or just a little flair in a small corner or something.

    Games need to be done with much more developed code so I wouldnt want to think this is some infant step towards developing yet another way to do whats already possible by other means.

    Still, kinda neat.

  • http://www.anugrahinfotech.com Anugrah Infotech

    Really it’s cool.. Thanks a lot..

  • http://paulmason.name Paul Mason

    Nice work! I’ve also written a tutorial on a JS particle generator, it’s a little different though, what do you think? http://paulmason.name/item/javascript-particle-engine-effects