drop splash

HTML <body>

CSS <style>

JS <script> (jQuery supported)

var mod = 10;
var total = mod*mod;
var spred = .14;
var dec = .5;
for(var a=0;a<total;a++){
   $("#stuff").append('<div class="thing"></div>');
}

function ping(){
 $(".thing:nth-child("+(Math.floor(Math.random()*total)+1)+")").attr("val", 255);
}

function update(index, value, full){
 if (typeof full == "undefined")
   full = false;
 var div = $(".thing:nth-child("+(index+1)+")");
 if (full)
       var val = Math.floor(value);
 else
       var val = Math.floor(parseInt(div.attr("val")) + value);
 if (!val)
       val = 0;
 if (val > 255)
       val = 255;
 div.attr("val", val);
 var color = 255-val;
 div.css("background-color", "rgb("+color+","+color+","+color+")");
}

setInterval(function (){ run(); }, 60);

Give us some feedback, any feedback, we just want feedback!

drop splash

Branch Project