1 files changed, 17 insertions, 15 deletions

diff --git a/public/assets/javascripts/rectangles/engine/map/draw.js b/public/assets/javascripts/rectangles/engine/map/draw.js
index ec60d31..75e8ad1 100644
--- a/public/assets/javascripts/rectangles/engine/map/draw.js
+++ b/public/assets/javascripts/rectangles/engine/map/draw.js
@@ -1,33 +1,33 @@
 
-map.draw = new function(){
+var MapDraw = function(map){
 
-	var base = this
+	var draw = this
 
-	base.animate = function(){
+	draw.animate = function(){
 		ctx.save()
-		map.draw.clear_canvas()
-		map.draw.ruler()
+		draw.clear_canvas()
+		draw.ruler()
 
 		ctx.translate( map.bounds.a * 1/2, map.bounds.b * 1/2)
 		ctx.scale( map.zoom, map.zoom )
 		ctx.translate( map.center.a,  map.center.b)
 		ctx.scale( -1, 1 )
 
-		map.draw.regions(Rooms.regions)
-		map.draw.mouse(map.ui.mouse.cursor)
-		map.draw.coords()
-		scene && map.draw.camera(scene.camera)
+		draw.regions(Rooms.regions)
+		draw.mouse(map.ui.mouse.cursor)
+		draw.coords()
+		scene && draw.camera(scene.camera)
 
 		ctx.restore()
 	}
 
-	base.clear_canvas = function(){
+	draw.clear_canvas = function(){
 		ctx.fillStyle = "rgba(255,255,255,0.9)"
 		ctx.clearRect(0,0,w,h)
 		ctx.fillRect(0,0,w,h)
 	}
 
-	base.ruler = function (){
+	draw.ruler = function (){
 		ctx.strokeStyle = "rgba(80,80,80,0.5)"
 		ctx.lineWidth = 1
 		var len = 5
@@ -37,16 +37,18 @@ map.draw = new function(){
 		}
 	}
 
-	base.regions = function(regions){
+	draw.regions = function(regions){
 		for (var i = 0; i < regions.length; i++) {
 			if (regions[i].dupe) continue
 			ctx.fillStyle = colors[i % colors.length]
+			ctx.strokeStyle = "#000"
+			ctx.lineWidth = (1 / map.zoom)
 			fill_region(regions[i])
 			stroke_sides(regions[i])
 		}
 	}
 
-	base.mouse = function(mouse){
+	draw.mouse = function(mouse){
 		var radius = 3 / map.zoom
 	
 		ctx.fillStyle = "rgba(255,0,0,0.4)";
@@ -65,7 +67,7 @@ map.draw = new function(){
 		}
 	}
 	
-	base.camera = function(cam){
+	draw.camera = function(cam){
  		ctx.lineWidth = 0.5
 
 		ctx.save()
@@ -88,7 +90,7 @@ map.draw = new function(){
 		ctx.restore()
 	}
 
-	base.coords = function(){
+	draw.coords = function(){
 		ctx.fillStyle = "#888";
 		dot_at(0,0)
 		ctx.fillStyle = "#bbb";