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

Your name:

Your email:

Your feedback:

 

drop splash

Project Description:

A simple throw together project.

Created: 10 Years ago

Last edited: 10 Years ago

Branch Project

Project name:

Project description:

 

drop splash
HTML <body>
1
<div id="stuff"></div>
 
CSS <style>
1
/*
2
#stuff{
3
   height:800px;
4
 width:800px;
5
 border: 1px solid gray;
6
}*/
7
body{
8
  margin:0;
9
}
10
.thing{
11
   height:70px;
12
 width:70px;
13
   float:left;
14
}
15
.thing:nth-child(10n+11){
16
   clear:left;
17
}
 
JS <script> (jQuery supported)
1
var mod = 10;
2
var total = mod*mod;
3
var spred = .14;
4
var dec = .5;
5
for(var a=0;a<total;a++){
6
   $("#stuff").append('<div class="thing"></div>');
7
}
8
 
9
function ping(){
10
 $(".thing:nth-child("+(Math.floor(Math.random()*total)+1)+")").attr("val", 255);
11
}
12
 
13
function run(){
14
 if (Math.random() < .2)
15
       ping();
16
 $(".thing").each(function (i){
17
   var val = parseInt($(this).attr("val"));
18
   if (val > 0){
19
     var s = val*spred;
20
     var prev = i-1;
21
     if (prev < 0)
22
           prev = total-1;
23
     update(prev, s);
24
     var up = i-mod;
25
     if (up < 0)
26
           up = total+up;
27
     update(up, s);
28
     var down = i+mod;
29
     if (down > total)
30
           down = down-total;
31
     update(down, s);
32
     var next = i+1;
33
     if (next >= total)
34
           next = 0;
35
     update(next, s);
36
     update(i, val*dec, true);
37
   }
38
 });
39
}
40
 
41
function update(index, value, full){
42
 if (typeof full == "undefined")
43
   full = false;
44
 var div = $(".thing:nth-child("+(index+1)+")");
45
 if (full)
46
       var val = Math.floor(value);
47
 else
48
       var val = Math.floor(parseInt(div.attr("val")) + value);
49
 if (!val)
50
       val = 0;
51
 if (val > 255)
52
       val = 255;
53
 div.attr("val", val);
54
 var color = 255-val;
55
 div.css("background-color", "rgb("+color+","+color+","+color+")");
56
}
57
 
58
setInterval(function (){ run(); }, 60);