JS1k 2010 - 424 - Details - A ground breaking JavaScript golfing competition

Author:

Kyle Simpson

Twitter:

GitHub:

Facebook:

Google+:

Reddit:

/r/

Pouet:

Website:

blog.getify.com

Compo:

classic

Demo link:

https://js1k.com/2010-first/demo/424

Shortlink:

https://js1k.com/424

Blog post:

please update here!

Bytes:

1024

Chars:

1024

Submission

j=document;e=Math;k=j.body;k.innerHTML="<p>Don't idle...or else!</p>"+k.innerHTML;o=0;w=e.random;l=j.getElementById("c");z=l.style;A=l.getContext("2d");B=[];m=[0,0];g=0;function h(C,G){return(w()*(G-C)+C)<<0}function D(){with(A){clearRect(0,0,u,v);for(t=2;t;){r=0xffffff&m[--t]<<4|h(4,14);for(i=5;i;){with((f=B[t])[--i]){s=h(4,8);x=e.min(U,e.max(0,x+a*b));y=e.min(V,e.max(0,y+c*d));if(x<=0||x>=U){a*=-1;b=s;m[t]=r}if(y<=0||y>=V){c*=-1;d=s;m[t]=r}}}beginPath();lineWidth=8;strokeStyle="#"+m[t].toString(16);moveTo((n=f[0]).x,n.y);for(i=5;i;){lineTo((n=f[--i]).x,n.y)}stroke();closePath()}}g||(g=setInterval(D,20))}function E(){clearTimeout(o);if(g){clearInterval(g);A.clearRect(g=0,0,u,v)}o=setTimeout(D,3E3)}function F(){U=(u=l.width=innerWidth)-1;V=(v=l.height=innerHeight)-1}with(k.style){margin="0";background="#000";color="#fff"}F();z.position="absolute";z.top="0";for(t=2;t;){f=B[--t]=[];for(i=5;i;){p=(1&((w()*9)<<0))?1:-1;q=h(4,8);f[--i]={x:h(1,U),y:h(1,V),a:p,c:p,b:q,d:q}}}E();j.onmousemove=j.onkeydown=E;onresize=F

Description

A web page screensaver, able to transparently overlay any page if a user leaves their computer idle for too long. Makes for a great easter-egg on an otherwise boring site. Idle for a few seconds, watch it come alive right over the top of the page/text! Press any key or use the mouse, and the screensaver hides and the page is restored. Even try resizing the window while the screensaver is running.

Base64 encoded

aj1kb2N1bWVudDtlPU1hdGg7az1qLmJvZHk7ay5pbm5lckhUTUw9IjxwPkRvbid0IGlkbGUuLi5vciBlbHNlITwvcD4iK2suaW5uZXJIVE1MO289MDt3PWUucmFuZG9tO2w9ai5nZXRFbGVtZW50QnlJZCgiYyIpO3o9bC5zdHlsZTtBPWwuZ2V0Q29udGV4dCgiMmQiKTtCPVtdO209WzAsMF07Zz0wO2Z1bmN0aW9uIGgoQyxHKXtyZXR1cm4odygpKihHLUMpK0MpPDwwfWZ1bmN0aW9uIEQoKXt3aXRoKEEpe2NsZWFyUmVjdCgwLDAsdSx2KTtmb3IodD0yO3Q7KXtyPTB4ZmZmZmZmJm1bLS10XTw8NHxoKDQsMTQpO2ZvcihpPTU7aTspe3dpdGgoKGY9Qlt0XSlbLS1pXSl7cz1oKDQsOCk7eD1lLm1pbihVLGUubWF4KDAseCthKmIpKTt5PWUubWluKFYsZS5tYXgoMCx5K2MqZCkpO2lmKHg8PTB8fHg+PVUpe2EqPS0xO2I9czttW3RdPXJ9aWYoeTw9MHx8eT49Vil7Yyo9LTE7ZD1zO21bdF09cn19fWJlZ2luUGF0aCgpO2xpbmVXaWR0aD04O3N0cm9rZVN0eWxlPSIjIittW3RdLnRvU3RyaW5nKDE2KTttb3ZlVG8oKG49ZlswXSkueCxuLnkpO2ZvcihpPTU7aTspe2xpbmVUbygobj1mWy0taV0pLngsbi55KX1zdHJva2UoKTtjbG9zZVBhdGgoKX19Z3x8KGc9c2V0SW50ZXJ2YWwoRCwyMCkpfWZ1bmN0aW9uIEUoKXtjbGVhclRpbWVvdXQobyk7aWYoZyl7Y2xlYXJJbnRlcnZhbChnKTtBLmNsZWFyUmVjdChnPTAsMCx1LHYpfW89c2V0VGltZW91dChELDNFMyl9ZnVuY3Rpb24gRigpe1U9KHU9bC53aWR0aD1pbm5lcldpZHRoKS0xO1Y9KHY9bC5oZWlnaHQ9aW5uZXJIZWlnaHQpLTF9d2l0aChrLnN0eWxlKXttYXJnaW49IjAiO2JhY2tncm91bmQ9IiMwMDAiO2NvbG9yPSIjZmZmIn1GKCk7ei5wb3NpdGlvbj0iYWJzb2x1dGUiO3oudG9wPSIwIjtmb3IodD0yO3Q7KXtmPUJbLS10XT1bXTtmb3IoaT01O2k7KXtwPSgxJigodygpKjkpPDwwKSk/MTotMTtxPWgoNCw4KTtmWy0taV09e3g6aCgxLFUpLHk6aCgxLFYpLGE6cCxjOnAsYjpxLGQ6cX19fUUoKTtqLm9ubW91c2Vtb3ZlPWoub25rZXlkb3duPUU7b25yZXNpemU9Rg==

Original source

!function(D,M){
	B = D.body;
	B.innerHTML = "<p>Don't idle...or else!</p>" + B.innerHTML;

	var wait=0,
		Mra = M.random,
		C = D.getElementById("c"),
		Cs = C.style, 
		G = C.getContext("2d"),
		points = [],
		lc = [0,0],
		move_it
	;
	
	function rand_range(imin,imax) {
		return (Mra()*(imax-imin) + imin) << 0;
	}
	function doit() {
		with(G){
			clearRect(0,0,u,v);
			for (t=2; t;) {
				r = 0xffffff & lc[--t] << 4 | rand_range(4,14);
				for (i=5; i;) { with ((f=points[t])[--i]) {
					s = rand_range(4,8);
					x = M.min(U,M.max(0,x + a*b));
					y = M.min(V,M.max(0,y + c*d));
					
					if (x <= 0 || x >= U) {
						a *= -1;
						b = s;
						lc[t] = r;
					}
					if (y <= 0 || y >= V) {
						c *= -1;
						d = s;
						lc[t] = r;
					}
				}}
				beginPath();
				lineWidth = 8;
				strokeStyle = "#"+lc[t].toString(16);
				moveTo((n=f[0]).x,n.y);
				for (i=5; i;) {
					lineTo((n=f[--i]).x,n.y);
				}
				stroke();
				closePath();
			}
		}
		move_it || (move_it = setInterval(doit,20));
	}
	function clear() {
		clearTimeout(wait);
		if (move_it) {
			clearInterval(move_it);
			G.clearRect(move_it = 0,0,u,v);
		}
		wait = setTimeout(doit,3E3);
	}
	function screen_size() {
		U = (u = C.width = innerWidth) - 1;
		V = (v = C.height = innerHeight) - 1;
	}
	
	with(B.style){
		margin = "0";
		background = "#000";
		color = "#fff";
	}
	screen_size();
	Cs.position = "absolute";
	Cs.top = "0";

	for (t=2; t;) {
		f = points[--t] = [];
		for (i=5; i;) {
			p = (1 & ((Mra()*9)<<0)) ? 1 : -1;
			q = rand_range(4,8);
			f[--i] = {
				x:rand_range(1,U),
				y:rand_range(1,V),
				a:p,
				c:p,
				b:q,
				d:q
			};
		}
	}
		
	clear();
	
	D.onmousemove=D.onkeydown=clear;
	onresize=screen_size;
	
}(document,Math)

JS1k: The JavaScript code golfing competition

2010 - The Original