Home

Awesome

Javascript Fireworks

Usage on your HTML page:

<canvas width="640" height="480" id="fireworks-canvas" style="background:#000;"></canvas>
<script src="js/fireworks.js"></script>
<script>
window.onload = function () {
    var firework = JS_FIREWORKS.Fireworks({
        id : 'fireworks-canvas',
        hue : 120,
        particleCount : 50,
        delay : 0,
        minDelay : 20,
        maxDelay : 40,
        boundaries : { // of respawn and target
            top: 50,
            bottom: 240,
            left: 50,
            right: 590
        },
        fireworkSpeed : 2,
        fireworkAcceleration : 1.05,
        particleFriction : .95,
        particleGravity : 1.5
    });
    firework.start();
};
</script>

Example: http://www.pixel-tyumen.ru/works/js-firework/