4th of July Fireworks

Author's Comments

Look carefully for specific instructions

Instructions: Copy and paste code into Website Stats

Description: Causes brightly colored starbursts to appear on your readers' screens. Also contains a link to stop the fireworks.

Known issues: Sometime slightly affects scrollbars and slightly lags Xangas.

Script Code

Copy and paste to Website Stats

Help

var firework_text = "*";     // control fireworks shape
var firework_count = 5;      // higher = more blooms at a time
var firework_size = 150;     // higher = larger blooms
var firework_density1 = 25;  // higher = dense fireworks
var firework_density2 = 10;  // higher = dense fireworks
var firework_life = 80;      // higher = longer lasting blooms
var firework_fadelife = 20;  // higher = longer to fade

// do not edit below this line
var blooms = new Array();
var firework_enabled = true;
var myCanvas = document.body;
var time = 0;
var bloomid = 0;
stix = window.setTimeout;

// HSV conversion from http://www.ficml.org/jemimap/style/color/wheel.html
function hue2hex(Hdeg) {
   H = Hdeg/360;     // convert from degrees to 0 to 1
   S = 1;
   V = 1;
   var_h = H*6;
   var_i = Math.floor( var_h );     //Or ... var_i = floor( var_h )
   var_1 = V*(1-S);
   var_2 = V*(1-S*(var_h-var_i));
   var_3 = V*(1-S*(1-(var_h-var_i)));
   if (var_i==0)      {var_r=V;    var_g=var_3; var_b=var_1}
   else if (var_i==1) {var_r=var_2; var_g=V;     var_b=var_1}
   else if (var_i==2) {var_r=var_1; var_g=V;     var_b=var_3}
   else if (var_i==3) {var_r=var_1; var_g=var_2; var_b=V}
   else if (var_i==4) {var_r=var_3; var_g=var_1; var_b=V}
   else               {var_r=V;     var_g=var_1; var_b=var_2}
   R = Math.round(var_r*255);   //RGB results = From 0 to 255
   G = Math.round(var_g*255);
   B = Math.round(var_b*255);
   hexval = R*65536 + G*256 + B
   hexstr = hexval.toString(16);
   while(hexstr.length < 6) hexstr = "0" + hexstr;
   return "#" + hexstr;
}

function Bloom() {
   size = firework_size * (0.9 + (Math.random() * 0.1));
   centerX = Math.random() * (myCanvas.clientWidth - size) + size/2;
   centerY = Math.random() * (myCanvas.clientHeight - size) + myCanvas.scrollTop + size/2;
   density1 = firework_density1 * (0.9 + (Math.random() * 0.1));
   density2 = firework_density2 * (0.9 + (Math.random() * 0.1));
   hue = 360 * Math.random();
   this.bloomid = bloomid++;
   this.active = true;
   this.offtime = time + (firework_life  * (0.9 + (Math.random() * 0.2)));
   this.masterParticles = new Array();
   for(var i = 0; i < density1; i++) { this.masterParticles.push(new MasterParticle(centerX, centerY, Math.random() * 6.283, size * (0.3 + Math.random() * 0.7), hue + (Math.random() * 60), density2)); }
}

function MasterParticle(x, y, direction, velocity, hue, density2) {
   this.x = x;
   this.y = y;
   this.dx = velocity * Math.cos(direction) / density2;
   this.dy = velocity * Math.sin(direction) / density2;
   this.hue = hue;
   this.subParticles = new Array();
   this.i = 0;
   this.density2 = density2;
}

function SubParticle(x, y, hue, bloomid) {
   var z = document.createElement("span");
   z.innerText = firework_text;
   z.style.position = "\u0061bs\u006flut\u0065";
   z.style.top = y;
   z.style.left = x;
   z.style.color = hue2hex(hue);
   z.id = "span_" + bloomid.toString();
   this.span = myCanvas.appendChild(z);
}

function NullBloom() {
   this.active = false;
}

function Clear(bloomid) {
   while(document.getElementById("span_" + bloomid.toString())) document.body.removeChild(document.getElementById("span_" + bloomid.toString()));
}

function StopFireworks() {
   for(i = 0; i < firework_count; i++) { if(blooms[i].active) Clear(blooms[i].bloomid); blooms[i] = null; blooms[i] = new NullBloom(); }
   firework_enabled = false;
}

for(var i = 0; i < firework_count; i++) blooms.push(new NullBloom());

if(firework_enabled) stix(updateFireworks, 50);
}
stix(updateFireworks, 3000);
</script>
<a href="#" onclick="StopFireworks();">stop the fireworks</a> - <a href="http://www.xanga.com/godofphotoshop">get the script</a>

Script Comments

Showing latest 2 of 2 comments

do this work on myspace???

By shelly321 on Oct 30, 2009 5:04 pm

cool script

By n00b on Jun 19, 2006 4:24 pm

Script Details

Author	godofphotoshop
Submitted on	Feb 15, 2006
Page views	13,940
Favorites	3
Comments	2

Script Tags

july, fireworks