pulling in more stuff from posthang

1 files changed, 40 insertions, 0 deletions

diff --git a/public/assets/javascripts/rectangles/engine/map/_map.js b/public/assets/javascripts/rectangles/engine/map/_map.js
new file mode 100644
index 0000000..53084bb
--- /dev/null
+++ b/public/assets/javascripts/rectangles/engine/map/_map.js
@@ -0,0 +1,40 @@
+/*
+*/
+
+window.ctx = window.w = window.h = null;
+
+var map = new function(){
+	var base = this
+	base.el = document.querySelector("#map")
+	base.dimensions = new vec2(500,500)
+	base.bounds = new vec2(500,500)
+	base.center = new vec2(0,0)
+	
+	base.sides = function(){
+		var sides = base.bounds.clone().div(2).div(base.zoom)
+		return new Rect( base.center.a - sides.a, -base.center.b - sides.b,
+										 base.center.a + sides.a, -base.center.b + sides.b )
+	}
+
+	base.zoom = 1/8
+	base.zoom_exponent = -3
+	base.set_zoom = function (n) {
+		base.zoom_exponent = n
+		base.zoom = pow(2, base.zoom_exponent)
+	}
+
+	var canvas = document.createElement("canvas")
+	var ctx = window.ctx = canvas.getContext("2d")
+	var w = window.w = canvas.width = 500
+	var h = window.h = canvas.height = 500
+	document.querySelector("#map").appendChild(canvas)
+
+	base.update = function(){
+		base.draw.animate()
+	}
+	
+	base.toggle = function(){
+		$(base.el).toggle()
+	}
+
+}