selfsame · July 25, 2017 01:12
diff --git a/gistfile1.txt b/gistfile1.txt
 <!DOCTYPE html>
 <html>
 <head>
 	<title></title>
 </head>
 <body>
 <canvas id="target" width="640" height="480"></canvas>
 </body>
 <script type="text/javascript">

 	R=Math.random;
 	canvas = document.getElementById("target");

 	rand_color = function(alpha){
 		return "rgba("+parseInt(R()*255)+","+parseInt(R()*255)+","+parseInt(R()*255)+","+alpha+ ")";
 	}

 	radial_gradient = function(t, c1, c2){
 		var ctx = t.getContext("2d");
 		var grd=ctx.createRadialGradient(t.width/2,t.height/2,0,t.width/2,t.height/2,t.width);
 		grd.addColorStop(0,c1);
 		grd.addColorStop(1,c2);

 		// Fill with gradient
 		ctx.fillStyle=grd;
 		ctx.fillRect(0,0,t.width,t.height);
 		return ctx;
 	}

 	Z = function(t){B=t.getClientRects()[0];
 		
 		t.width=B.width;t.height=B.height;
 		t.x=B.left;t.y=B.top;
 		t.c = t.style.color;
 		if (t.c == "") {t.c=rand_color(R()*0.1)};
 		M=t.width;
 		//starting iteration
 		t.j=(R()*10000);

 		//iteration step
 		t.l=R()*2//0.01
 		//t.l = 0.2

 		t.lc=2+(R()*2-1)
 		t.ls=3+(R()*3-1.5)
 		T=Math;S=T.sin;Q=T.cos;t.C=t.getContext("2d");t.a=t.b=1;
 		//t.C.globalCompositeOperation = "additive";
 		t.r = function(){
 			t.c=rand_color(R()*0.02)
 			//t.l += (R()*0.1)-0.05
 			t.j += (R()*0.1)-0.05
 			t.C.fillStyle=t.c;
 			t=this;
 			x=y=0;
 			i=1e4*1;
 			t.j+=t.l;
 			t.a=S(t.j)*t.lc//2;
 			t.b=Q(t.j)*t.ls//3;
 			while(--i){
 				t.C.fillRect((x*M/4*Q(t.j*0.1) )+t.width/2,
 						 (y*M/4*Q(t.j*0.1) )+t.height/2,1,1);
 				z=S(t.a*y)-Q(t.b*x);
 				y=S(x)-Q(y);
 				x=z}}
 	if (!t.o){t.o=1;setInterval(t.r.bind(t));}};


 	canvas.style.background = "black"//rand_color(1);
 	radial_gradient(canvas, rand_color(0.3),rand_color(0.3));
 	Z(canvas);
 </script>
 </html>
	<!DOCTYPE html>
	<html>
	<head>
	<title></title>
	</head>
	<body>
	<canvas id="target" width="640" height="480"></canvas>
	</body>
	<script type="text/javascript">

	R=Math.random;
	canvas = document.getElementById("target");

	rand_color = function(alpha){
	return "rgba("+parseInt(R()255)+","+parseInt(R()255)+","+parseInt(R()*255)+","+alpha+ ")";
	}

	radial_gradient = function(t, c1, c2){
	var ctx = t.getContext("2d");
	var grd=ctx.createRadialGradient(t.width/2,t.height/2,0,t.width/2,t.height/2,t.width);
	grd.addColorStop(0,c1);
	grd.addColorStop(1,c2);

	// Fill with gradient
	ctx.fillStyle=grd;
	ctx.fillRect(0,0,t.width,t.height);
	return ctx;
	}

	Z = function(t){B=t.getClientRects()[0];

	t.width=B.width;t.height=B.height;
	t.x=B.left;t.y=B.top;
	t.c = t.style.color;
	if (t.c == "") {t.c=rand_color(R()*0.1)};
	M=t.width;
	//starting iteration
	t.j=(R()*10000);

	//iteration step
	t.l=R()*2//0.01
	//t.l = 0.2

	t.lc=2+(R()*2-1)
	t.ls=3+(R()*3-1.5)
	T=Math;S=T.sin;Q=T.cos;t.C=t.getContext("2d");t.a=t.b=1;
	//t.C.globalCompositeOperation = "additive";
	t.r = function(){
	t.c=rand_color(R()*0.02)
	//t.l += (R()*0.1)-0.05
	t.j += (R()*0.1)-0.05
	t.C.fillStyle=t.c;
	t=this;
	x=y=0;
	i=1e4*1;
	t.j+=t.l;
	t.a=S(t.j)*t.lc//2;
	t.b=Q(t.j)*t.ls//3;
	while(--i){
	t.C.fillRect((xM/4Q(t.j*0.1) )+t.width/2,
	(yM/4Q(t.j*0.1) )+t.height/2,1,1);
	z=S(t.ay)-Q(t.bx);
	y=S(x)-Q(y);
	x=z}}
	if (!t.o){t.o=1;setInterval(t.r.bind(t));}};


	canvas.style.background = "black"//rand_color(1);
	radial_gradient(canvas, rand_color(0.3),rand_color(0.3));
	Z(canvas);
	</script>
	</html>