grid that is actually quantized

3 files changed, 15 insertions, 3 deletions

diff --git a/assets/javascripts/rectangles/map/_map.js b/assets/javascripts/rectangles/map/_map.js
index 2815b89..72901a1 100644
--- a/assets/javascripts/rectangles/map/_map.js
+++ b/assets/javascripts/rectangles/map/_map.js
@@ -12,8 +12,8 @@ var map = new function(){
 	
 	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 )
+		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
diff --git a/assets/javascripts/rectangles/map/draw.js b/assets/javascripts/rectangles/map/draw.js
index cfa99d4..57faa10 100644
--- a/assets/javascripts/rectangles/map/draw.js
+++ b/assets/javascripts/rectangles/map/draw.js
@@ -100,6 +100,18 @@ map.draw = new function(){
 		ctx.fillStyle = "#eee";
 		dot_at(300,0)
 		dot_at(0,300)
+		
+		ctx.strokeStyle = "rgba(0,0,0,0.1)"
+		ctx.lineWidth = 1/map.zoom
+		
+		var sides = map.sides()
+		var quant = sides.clone().quantize(200)
+		for (var x = quant.x.a - 200; x <= quant.x.b; x += 200) {
+			line(x, sides.y.a, x, sides.y.b)
+		}
+		for (var y = quant.y.a - 200; y <= quant.y.b; y += 200) {
+			line(sides.x.a, y, sides.x.b, y)
+		}
 	}
 
 	//
diff --git a/assets/javascripts/rectangles/map/ui.js b/assets/javascripts/rectangles/map/ui.js
index 10496e3..e7d2cf7 100644
--- a/assets/javascripts/rectangles/map/ui.js
+++ b/assets/javascripts/rectangles/map/ui.js
@@ -26,6 +26,7 @@ map.ui = new function(){
 		cursor.y.div(h).sub(0.5).mul(map.bounds.b / map.zoom).sub(map.center.b)
 
 		if (e.ctrlKey || e.which === 3) {
+			cursor.quantize(1)
 			map.center.a = cursor.x.a
 			map.center.b = -cursor.y.a
 			console.log(map.center+"")
@@ -69,7 +70,6 @@ map.ui = new function(){
 	}
 
 	function up (e, cursor, new_cursor) {
-
 		new_cursor.x.div(w).add(0.5).mul(map.bounds.a / map.zoom).add(map.center.a)
 		new_cursor.y.div(h).sub(0.5).mul(map.bounds.b / map.zoom).sub(map.center.b)