handle map resizing

1 files changed, 10 insertions, 6 deletions

diff --git a/public/assets/javascripts/rectangles/engine/map/_map.js b/public/assets/javascripts/rectangles/engine/map/_map.js
index 5e00eab..c27c159 100644
--- a/public/assets/javascripts/rectangles/engine/map/_map.js
+++ b/public/assets/javascripts/rectangles/engine/map/_map.js
@@ -1,8 +1,6 @@
 /*
 */
 
-window.w = window.h = null;
-
 var Map = function(){
 	var base = this
 	base.el = document.querySelector("#map")
@@ -10,11 +8,10 @@ var Map = function(){
 	if (! base.el) return
 	
 	base.dimensions = new vec2(window.innerWidth, window.innerHeight)
-	base.bounds = new vec2(window.innerWidth, window.innerHeight)
 	base.center = new vec2(0,0)
 	
 	base.sides = function(){
-		var sides = base.bounds.clone().div(2).div(base.zoom)
+		var sides = base.dimensions.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 )
 	}
@@ -27,12 +24,19 @@ var Map = function(){
 	}
 
 	var canvas = base.canvas = document.createElement("canvas")
-	var w = window.w = canvas.width = base.dimensions.a
-	var h = window.h = canvas.height = base.dimensions.b
+	canvas.width = base.dimensions.a
+	canvas.height = base.dimensions.b
+	
 	document.querySelector("#map").appendChild(canvas)
 	
 	base.draw = new MapDraw (base)
 	base.ui = new MapUI (base)
+	
+	base.resize = function(){
+		canvas.width = base.dimensions.a = window.innerWidth
+		canvas.height = base.dimensions.b = window.innerHeight
+	}
+	$(window).resize(base.resize)
 
 	base.update = function(){
 		base.draw.animate()