index.html

<!DOCTYPE html>
<html>
<head>
    <meta charset="utf-8">
    <title>Fireworks on Javascript</title>
</head>
<body style="background:#333;margin:0;padding:0;">
    <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 : {
            top: 50,
            bottom: 240,
            left: 50,
            right: 590
        },
        fireworkSpeed : 2,
        fireworkAcceleration : 1.05,
        particleFriction : .95,
        particleGravity : 1.5
    });
    firework.start();
};
    </script>
</body>
</html>