1 files changed, 105 insertions, 0 deletions
diff --git a/public/assets/javascripts/rectangles/engine/map/ui/ortho.js b/public/assets/javascripts/rectangles/engine/map/ui/ortho.js
new file mode 100644
index 0000000..52f7339
--- /dev/null
+++ b/public/assets/javascripts/rectangles/engine/map/ui/ortho.js
@@ -0,0 +1,105 @@
+Map.UI = Map.UI || {}
+Map.UI.Ortho = function(map){
+
+	var base = this
+	var last_event = null
+
+	base.creating = base.dragging = base.resizing = false
+
+	base.mouse = new mouse({
+		el: map.el,
+		down: function(e, cursor){
+		  last_event = e
+		  cursor.x.div(map.dimensions.a).add(0.5).mul(map.dimensions.a / map.zoom)
+		  cursor.y.div(map.dimensions.b).sub(0.5).mul(map.dimensions.b / map.zoom)
+			if (tool.recenterCursor) {
+        cursor.x.add(map.center.a)
+        cursor.y.sub(map.center.b)
+        base.tools[currentTool].down(e, cursor)
+      }
+      else {
+        base.tools[currentTool].down(e, cursor)
+        cursor.x.add(map.center.a)
+        cursor.y.sub(map.center.b)
+      }
+		},
+		move: function(e, cursor){
+		  last_event = e
+		  cursor.x.div(map.dimensions.a).add(0.5).mul(map.dimensions.a / map.zoom)
+		  cursor.y.div(map.dimensions.b).sub(0.5).mul(map.dimensions.b / map.zoom)
+			if (tool.recenterCursor) {
+        cursor.x.add(map.center.a)
+        cursor.y.sub(map.center.b)
+        base.tools[currentTool].move(e, cursor)
+      }
+			else {
+        base.tools[currentTool].move(e, cursor)
+        cursor.x.add(map.center.a)
+        cursor.y.sub(map.center.b)
+      }
+		},
+		drag: function(e, cursor){
+		  last_event = e
+      cursor.x.b = ((cursor.x.b/map.dimensions.a)+0.5) * map.dimensions.a / map.zoom
+      cursor.y.b = ((cursor.y.b/map.dimensions.b)-0.5) * map.dimensions.b / map.zoom
+			if (tool.recenterCursor) {
+        cursor.x.b += map.center.a
+        cursor.y.b -= map.center.b
+        base.tools[currentTool].drag(e, cursor)
+      }
+			else {
+        base.tools[currentTool].drag(e, cursor)
+        cursor.x.b += map.center.a
+        cursor.y.b -= map.center.b
+      }
+		},
+		up: function(e, cursor, new_cursor){
+		  last_event = e
+		  new_cursor.x.div(map.dimensions.a).add(0.5).mul(map.dimensions.a / map.zoom)
+		  new_cursor.y.div(map.dimensions.b).sub(0.5).mul(map.dimensions.b / map.zoom)
+			if (tool.recenterCursor) {
+        new_cursor.x.add(map.center.a)
+        new_cursor.y.sub(map.center.b)
+        base.tools[currentTool].up(e, cursor, new_cursor)
+      }
+      else {
+        base.tools[currentTool].up(e, cursor, new_cursor)
+        new_cursor.x.add(map.center.a)
+        new_cursor.y.sub(map.center.b)
+      }
+      if (nextTool) {
+        console.log('found nextTool')
+        base.set_tool(nextTool)
+        nextTool = null
+      }
+		}
+	})
+	
+	var currentTool = "polyline", nextTool, tool
+	base.add_tool = function(name, tool){
+	  base.tools[name] = tool
+	}
+	base.set_tool = function(s){
+	  console.log("set tool to", s)
+	  base.tools[currentTool].cancel()
+	  currentTool = s
+	  tool = base.tools[currentTool]
+	}
+	base.set_drag_tool = function(s){
+	  console.log('set drag tool to', s)
+	  nextTool = currentTool
+	  currentTool = s
+	  tool = base.tools[currentTool]
+    base.tools[currentTool].down(last_event, base.mouse.cursor)
+	}
+	base.tools = {}
+
+	base.wheel = new wheel({
+		el: map.el,
+		update: mousewheel,
+	})
+
+	function mousewheel (e, deltaY, deltaX){
+		map.set_zoom(map.zoom_exponent - deltaY/20)
+	}
+}