Created pommicket.github.io

1 files changed, 203 insertions, 0 deletions

diff --git a/js/h.js b/js/h.js
new file mode 100644
index 0000000..d23530f
--- /dev/null
+++ b/js/h.js
@@ -0,0 +1,203 @@
+try
+{
+var lineLength = 5;
+var canvas;
+var ctx;
+var w;
+var h;
+var endpoints;
+var allendpoints;
+var delay;
+var iterateTimeout;
+var stopped = false;
+var running = false;
+var chance;
+
+function line(x1, y1, x2, y2)
+{
+	ctx.beginPath();
+	ctx.moveTo(x1+0.5, y1);
+	ctx.lineTo(x2+0.5, y2);
+	ctx.stroke();
+}
+
+function Endpoint(x, y, direction)
+{
+	this.x = x;
+	this.y = y;
+	this.direction = direction;
+}
+
+function equals(other)
+{
+	return this.x == other.x && this.y == other.y;
+}
+
+function nequals(other)
+{
+	return !this.equals(other);
+}
+
+function multiple(e)
+{
+	var count = 0;
+	for (var i = 0; i < allendpoints.length; i++)
+	{
+		if (allendpoints[i].equals(e))
+		{
+			count++;
+			
+			if (count > 1)
+				return true;
+		}
+	}
+	
+	return false;
+			
+}
+
+function rmvAll(e)
+{
+	var newArray = [];
+	for (var i = 0; i < endpoints.length; i++)
+		if (endpoints[i].nequals(e))
+			newArray.push(endpoints[i]);
+	endpoints = newArray;
+}
+
+
+function iterate()
+{
+	var indexOfThis = endpoints.indexOf(this);
+	endpoints.splice(indexOfThis, 1);
+	
+	if (this.direction == 'h')
+	{
+		line(this.x-lineLength, this.y, this.x+lineLength, this.y);
+		var e1 = new Endpoint(this.x-lineLength, this.y, 'v');
+		var e2 = new Endpoint(this.x+lineLength, this.y, 'v');
+		
+
+	}
+	else
+	{
+		line(this.x, this.y-lineLength, this.x, this.y+lineLength);
+		var e1 = new Endpoint(this.x, this.y-lineLength, 'h');
+		var e2 = new Endpoint(this.x, this.y+lineLength, 'h');
+		
+	}
+	
+	if (Math.random() < chance)
+		endpoints.push(e1);
+	if (Math.random() < chance)
+		endpoints.push(e2);
+	allendpoints.push(e1);
+	allendpoints.push(e2);
+	
+}
+
+Endpoint.prototype.equals=equals;
+Endpoint.prototype.nequals=nequals;
+Endpoint.prototype.iterate=iterate;
+
+function iterateAll()
+{
+	
+	var cpy = endpoints.slice();
+	
+	for (var i = 0; i < cpy.length; i++)
+		if (multiple(cpy[i]))
+			rmvAll(cpy[i]);
+			
+	cpy = endpoints.slice();
+	for (var i = 0; i < cpy.length; i++)
+		cpy[i].iterate();
+		
+	iterateTimeout = setTimeout(iterateAll, delay);
+}
+
+function stop()
+{
+	running = false;
+	if (!stopped)
+	{
+		clearTimeout(iterateTimeout);
+		var download = document.createElement('a');
+		download.innerHTML = 'Download H';
+		download.href = canvas.toDataURL();
+		download.download = 'h.png';
+		download.id = 'download';
+		document.body.appendChild(download);
+		stopped = true;
+	}
+}
+
+function start()
+{
+	if (!running)
+	{
+		running = true;
+		
+	
+		w = canvas.width;
+		h = canvas.height;
+		endpoints = [];
+		allendpoints = [];
+		var a = new Endpoint(w/2, h/2, 'h');
+		endpoints.push(a);
+		a.iterate();
+		iterateAll();
+	}
+}
+
+
+function beginH()
+{
+try{
+	if (!stopped)
+	{
+		canvas = document.getElementById('canvas');
+		
+		var w = parseInt(document.getElementById('w').value);
+		var h = parseInt(document.getElementById('h').value);
+		canvas.width = w;
+		canvas.height = h;
+		
+		ctx = canvas.getContext('2d');
+		ctx.strokeStyle = "#000";
+		ctx.fillStyle = '#fff';
+		
+		ctx.fillRect(0, 0, w, h);
+	
+		lineLength= document.getElementById('lineLength').value;
+		lineLength = parseInt(lineLength);
+	
+		delay = parseInt(document.getElementById('delay').value);
+
+		document.body.appendChild(canvas);
+		document.body.appendChild(document.createElement('br'));
+		
+		chance = parseFloat(document.getElementById('chance').value);
+	
+	
+		start();
+	}
+	else
+	{
+		document.body.removeChild(document.getElementById('download'));
+		iterateAll();
+		stopped = false;
+	}
+	}
+catch(e)
+{
+	document.write(e);
+}
+}
+
+
+}
+catch(e)
+{
+	document.write(e);
+}
\ No newline at end of file