JS1k: The JavaScript code golfing competition

(function(){var j,b=h=128,k=Math,q=k.random,w=k.ceil(window.innerWidth/b)*b,x=k.ceil(window.innerHeight/h)*h,e,a,c=[],y=[],f,g,o,r,l,m,n=0,p=k.abs;function A(){n-=0.04;if(4==p(~~n))n=-n;for(f=0;f<b;f+=4)for(g=0;g<h;g+=4){o=0;r=b*h;for(a=0;a<9;a++){l=p(f-c[a].x);m=p(g-c[a].y);if(l>b/2)l=b-l;if(m>h/2)m=h-m;o=k.sqrt(l*l+m*m);if(o<r)r=y[g*b+f]=o}for(var t=0;t<4;t++)for(var u=0;u<4;u++){e=(f+t+(g+u)*j.width)*4;var B=y[g*b+f];j.data[e]=~~(B*4);j.data[e+2]=~~(B*p(n));j.data[e+3]=255}}for(f=0;f<w;f+=b)for(g=
0;g<x;g+=h)C.putImageData(j,f,g);for(a=0;a<9;a++){e=k.sin(c[a].a);c[a].x+=e;c[a].y+=e;if(c[a].x>b)c[a].x=0;if(c[a].x<0)c[a].x=b;if(c[a].y>h)c[a].y=0;if(c[a].y<0)c[a].y=h}setTimeout(function(){A()},20)}d=document;z=d.body;s=z.style;s.overflow="hidden";s.margin=0;var i=d.createElement("canvas");i.width=i.height=b;i=i.getContext("2d");var v=d.getElementById("c");v.width=w;v.height=x;var C=v.getContext("2d");j=i.getImageData(0,0,b,h);for(e=0;e<9;e++){i=[];i.x=~~(q()*b);i.y=~~(q()*h);i.a=q()*360;c[e]=
i}A()})();

KGZ1bmN0aW9uKCl7dmFyIGosYj1oPTEyOCxrPU1hdGgscT1rLnJhbmRvbSx3PWsuY2VpbCh3aW5kb3cuaW5uZXJXaWR0aC9iKSpiLHg9ay5jZWlsKHdpbmRvdy5pbm5lckhlaWdodC9oKSpoLGUsYSxjPVtdLHk9W10sZixnLG8scixsLG0sbj0wLHA9ay5hYnM7ZnVuY3Rpb24gQSgpe24tPTAuMDQ7aWYoND09cCh+fm4pKW49LW47Zm9yKGY9MDtmPGI7Zis9NClmb3IoZz0wO2c8aDtnKz00KXtvPTA7cj1iKmg7Zm9yKGE9MDthPDk7YSsrKXtsPXAoZi1jW2FdLngpO209cChnLWNbYV0ueSk7aWYobD5iLzIpbD1iLWw7aWYobT5oLzIpbT1oLW07bz1rLnNxcnQobCpsK20qbSk7aWYobzxyKXI9eVtnKmIrZl09b31mb3IodmFyIHQ9MDt0PDQ7dCsrKWZvcih2YXIgdT0wO3U8NDt1Kyspe2U9KGYrdCsoZyt1KSpqLndpZHRoKSo0O3ZhciBCPXlbZypiK2ZdO2ouZGF0YVtlXT1+fihCKjQpO2ouZGF0YVtlKzJdPX5+KEIqcChuKSk7ai5kYXRhW2UrM109MjU1fX1mb3IoZj0wO2Y8dztmKz1iKWZvcihnPQ0KMDtnPHg7Zys9aClDLnB1dEltYWdlRGF0YShqLGYsZyk7Zm9yKGE9MDthPDk7YSsrKXtlPWsuc2luKGNbYV0uYSk7Y1thXS54Kz1lO2NbYV0ueSs9ZTtpZihjW2FdLng+YiljW2FdLng9MDtpZihjW2FdLng8MCljW2FdLng9YjtpZihjW2FdLnk+aCljW2FdLnk9MDtpZihjW2FdLnk8MCljW2FdLnk9aH1zZXRUaW1lb3V0KGZ1bmN0aW9uKCl7QSgpfSwyMCl9ZD1kb2N1bWVudDt6PWQuYm9keTtzPXouc3R5bGU7cy5vdmVyZmxvdz0iaGlkZGVuIjtzLm1hcmdpbj0wO3ZhciBpPWQuY3JlYXRlRWxlbWVudCgiY2FudmFzIik7aS53aWR0aD1pLmhlaWdodD1iO2k9aS5nZXRDb250ZXh0KCIyZCIpO3ZhciB2PWQuZ2V0RWxlbWVudEJ5SWQoImMiKTt2LndpZHRoPXc7di5oZWlnaHQ9eDt2YXIgQz12LmdldENvbnRleHQoIjJkIik7aj1pLmdldEltYWdlRGF0YSgwLDAsYixoKTtmb3IoZT0wO2U8OTtlKyspe2k9W107aS54PX5+KHEoKSpiKTtpLnk9fn4ocSgpKmgpO2kuYT1xKCkqMzYwO2NbZV09DQppfUEoKX0pKCk7

// Texture generator and better commented (less hacked up source) located at http://somethinghitme.com/projects/cell/	
// MIT license, do whatever you please.
(function(){
			var imageData,
				w = h = 128,
				m=Math,
				r=m.random,
				wW = m.ceil(window.innerWidth/w) * w,
				wH = m.ceil(window.innerHeight/h) * h,
				i,p,rP=[],points=[],x,y,dist,curMinDist,dx,dy,
				g=0,a=m.abs,
				draw = function(){		
					// Check distance with all other points
					g-=.04;if(4==a(~~g)){g=-g};
					for(x = 0; x < w; x+=4){
						for(y = 0; y < h; y+=4){
								dist = 0;
								curMinDist = w * h;
							for(p=0; p < 9; p++){
								dx = a(x-rP[p].x);
								dy = a(y-rP[p].y);
								if (dx > w/2){ dx = w-dx;}
								if (dy > h/2){ dy = h-dy;}
								dist = m.sqrt(dx * dx + dy * dy);
								
								if(dist < curMinDist){
									points[y * w + x] = dist;
									curMinDist = dist;
								}
							}

							for(var pix = 0; pix < 4; pix++){
								for(var piy = 0; piy < 4; piy++){
									i = ((x + pix) + (y + piy) * imageData.width) * 4;
									var val = points[y * w + x];
									imageData.data[i] = ~~(val * 4);
									imageData.data[i+2] = ~~(val * a(g));
									imageData.data[i+3] = 255;
								}
							}
						}
					}

					for(x = 0; x<wW; x+= w){
						for(y = 0; y<wH; y+= h){
							ctxCopy.putImageData(imageData, x, y);
						}
					}						

					for(p=0; p < 9; p++){
						//rP[p].a+= .1;
						i = m.sin(rP[p].a);
						rP[p].x+=i;
						rP[p].y+=i;

						if(rP[p].x > w){
							rP[p].x = 0;
						}

						if(rP[p].x < 0){
							rP[p].x = w;
						}

						if(rP[p].y > h){
							rP[p].y = 0;
						}

						if(rP[p].y < 0){
							rP[p].y = h;
						}

					}
					var to = setTimeout(function(){draw()}, 20);

				};

				d=document;
				z=d.body;
				s=z.style;
				s.overflow = "hidden";
				s.margin = 0;
				var canvas = d.createElement("canvas");
				canvas.width = canvas.height = w;
				var ctx = canvas.getContext("2d");
				var canvasCopy = d.getElementById("c");
					canvasCopy.width = wW;
					canvasCopy.height = wH;

				var	ctxCopy = canvasCopy.getContext("2d");
				imageData = ctx.getImageData(0,0,w,h);

				// Setup the points
				for(i = 0; i < 9; i++){
						var t = [];
						t.x = ~~(r()* w);
						t.y = ~~(r()* h);
						t.a = r()*360;
						rP[i]=t;
				}
				draw();
		})();