store layouts and retrieve them

2 files changed, 6 insertions, 5 deletions

diff --git a/public/assets/javascripts/rectangles/engine/map/_map.js b/public/assets/javascripts/rectangles/engine/map/_map.js
index 3046d1d..5e00eab 100644
--- a/public/assets/javascripts/rectangles/engine/map/_map.js
+++ b/public/assets/javascripts/rectangles/engine/map/_map.js
@@ -1,7 +1,7 @@
 /*
 */
 
-window.ctx = window.w = window.h = null;
+window.w = window.h = null;
 
 var Map = function(){
 	var base = this
@@ -26,8 +26,7 @@ var Map = function(){
 		base.zoom = pow(2, base.zoom_exponent)
 	}
 
-	var canvas = document.createElement("canvas")
-	var ctx = window.ctx = canvas.getContext("2d")
+	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
 	document.querySelector("#map").appendChild(canvas)
diff --git a/public/assets/javascripts/rectangles/engine/map/draw.js b/public/assets/javascripts/rectangles/engine/map/draw.js
index 75e8ad1..7f55e51 100644
--- a/public/assets/javascripts/rectangles/engine/map/draw.js
+++ b/public/assets/javascripts/rectangles/engine/map/draw.js
@@ -2,10 +2,12 @@
 var MapDraw = function(map){
 
 	var draw = this
+	
+	var ctx = map.canvas.getContext("2d")
 
 	draw.animate = function(){
 		ctx.save()
-		draw.clear_canvas()
+		draw.clear()
 		draw.ruler()
 
 		ctx.translate( map.bounds.a * 1/2, map.bounds.b * 1/2)
@@ -21,7 +23,7 @@ var MapDraw = function(map){
 		ctx.restore()
 	}
 
-	draw.clear_canvas = function(){
+	draw.clear = function(){
 		ctx.fillStyle = "rgba(255,255,255,0.9)"
 		ctx.clearRect(0,0,w,h)
 		ctx.fillRect(0,0,w,h)