handle map resizing

1 files changed, 22 insertions, 6 deletions

diff --git a/public/assets/javascripts/rectangles/engine/map/draw.js b/public/assets/javascripts/rectangles/engine/map/draw.js
index 7f55e51..a441de4 100644
--- a/public/assets/javascripts/rectangles/engine/map/draw.js
+++ b/public/assets/javascripts/rectangles/engine/map/draw.js
@@ -10,12 +10,12 @@ var MapDraw = function(map){
 		draw.clear()
 		draw.ruler()
 
-		ctx.translate( map.bounds.a * 1/2, map.bounds.b * 1/2)
+		ctx.translate( map.dimensions.a * 1/2, map.dimensions.b * 1/2)
 		ctx.scale( map.zoom, map.zoom )
 		ctx.translate( map.center.a,  map.center.b)
 		ctx.scale( -1, 1 )
 
-		draw.regions(Rooms.regions)
+		draw.regions(Rooms.regions, colors)
 		draw.mouse(map.ui.mouse.cursor)
 		draw.coords()
 		scene && draw.camera(scene.camera)
@@ -23,23 +23,39 @@ var MapDraw = function(map){
 		ctx.restore()
 	}
 
+	draw.render = function(){
+		ctx.save()
+		draw.clear()
+
+		ctx.translate( map.dimensions.a * 1/2, map.dimensions.b * 1/2)
+		ctx.scale( map.zoom, map.zoom )
+		ctx.translate( map.center.a,  map.center.b)
+		ctx.scale( -1, 1 )
+
+		draw.regions(Rooms.regions, ["#fff"])
+		draw.mouse(map.ui.mouse.cursor)
+		scene && draw.camera(scene.camera)
+
+		ctx.restore()
+	}
+
 	draw.clear = function(){
 		ctx.fillStyle = "rgba(255,255,255,0.9)"
-		ctx.clearRect(0,0,w,h)
-		ctx.fillRect(0,0,w,h)
+		ctx.clearRect(0, 0, map.dimensions.a, map.dimensions.b)
+		ctx.fillRect(0, 0, map.dimensions.a, map.dimensions.b)
 	}
 
 	draw.ruler = function (){
 		ctx.strokeStyle = "rgba(80,80,80,0.5)"
 		ctx.lineWidth = 1
 		var len = 5
-		for (var i = 0.5; i < w; i += 10) {
+		for (var i = 0.5; i < map.dimensions.a; i += 10) {
 			line(i, 0, i, len)
 			line(0, i, len, i)
 		}
 	}
 
-	draw.regions = function(regions){
+	draw.regions = function(regions, colors){
 		for (var i = 0; i < regions.length; i++) {
 			if (regions[i].dupe) continue
 			ctx.fillStyle = colors[i % colors.length]