From 7afac43f11d1ccae6f3b8d1febcd293db11bd2b7 Mon Sep 17 00:00:00 2001
From: Jules Laplace <jules@okfoc.us>
Date: Wed, 1 Oct 2014 15:42:21 -0400
Subject: randomly place images on the walls

---
 public/assets/javascripts/rectangles/models/surface.js | 4 ++--
 1 file changed, 2 insertions(+), 2 deletions(-)

(limited to 'public/assets/javascripts/rectangles/models/surface.js')

diff --git a/public/assets/javascripts/rectangles/models/surface.js b/public/assets/javascripts/rectangles/models/surface.js
index 53977c8..c85682a 100644
--- a/public/assets/javascripts/rectangles/models/surface.js
+++ b/public/assets/javascripts/rectangles/models/surface.js
@@ -36,7 +36,7 @@
 	Surface.prototype.fits = function(v){
 		var faces = this.faces
 		var scratch
-		if (this.bounds.x.b < v.a || this.bounds.y.b < v.b) {
+		if (this.bounds.width() < v.a || this.bounds.height() < v.b) {
 			return null
 		}
 		for (var i = 0; i < faces.length; i++) {
@@ -46,7 +46,7 @@
 		}
 		scratch = new Rect (0,0,0,0)
 		for (var i = 0; i < faces.length; i++) {
-			if (faces[i].y.length() < v.b) {
+			if (faces[i].height() < v.b) {
 				continue
 			}
 			scratch.x.a = faces[i].x.a
-- 
cgit v1.2.3-70-g09d2


From 43b34606dcdc7996e8069998b2ff7d9f40c4dc25 Mon Sep 17 00:00:00 2001
From: Jules Laplace <jules@okfoc.us>
Date: Fri, 10 Oct 2014 19:18:48 -0400
Subject: disable room movement when clicking in things with .vvbox class

---
 public/assets/javascripts/rectangles/models/surface.js  | 2 +-
 public/assets/javascripts/ui/builder/BuilderInfo.js     | 1 +
 public/assets/javascripts/ui/builder/BuilderSettings.js | 1 +
 public/assets/javascripts/ui/builder/BuilderToolbar.js  | 1 +
 public/assets/javascripts/ui/editor/Collaborators.js    | 1 +
 public/assets/javascripts/ui/editor/EditorSettings.js   | 1 +
 public/assets/javascripts/ui/editor/MediaUpload.js      | 1 +
 public/assets/javascripts/ui/editor/MediaViewer.js      | 1 +
 public/assets/javascripts/ui/editor/TextEditor.js       | 1 +
 9 files changed, 9 insertions(+), 1 deletion(-)

(limited to 'public/assets/javascripts/rectangles/models/surface.js')

diff --git a/public/assets/javascripts/rectangles/models/surface.js b/public/assets/javascripts/rectangles/models/surface.js
index c85682a..3a6c449 100644
--- a/public/assets/javascripts/rectangles/models/surface.js
+++ b/public/assets/javascripts/rectangles/models/surface.js
@@ -108,7 +108,7 @@
 		this.clamp_delta( this.bounds, dimension, position, delta )
 
 		var new_delta = delta.clone()
-		if (this.clamp_delta(old_bounds, dimension, position, new_delta).eq(delta)) {
+		if (old_bounds && this.clamp_delta(old_bounds, dimension, position, new_delta).eq(delta)) {
 			return old_bounds
 		}
 
diff --git a/public/assets/javascripts/ui/builder/BuilderInfo.js b/public/assets/javascripts/ui/builder/BuilderInfo.js
index e6b7e97..f7753a3 100644
--- a/public/assets/javascripts/ui/builder/BuilderInfo.js
+++ b/public/assets/javascripts/ui/builder/BuilderInfo.js
@@ -3,6 +3,7 @@ var BuilderInfo = View.extend({
 	el: "#builderInfo",
 
 	events: {
+	  "mousedown": "stopPropagation",
 		"keydown": 'stopPropagation',
 		"change [name=x]": 'changeX',
 		"change [name=y]": 'changeY',
diff --git a/public/assets/javascripts/ui/builder/BuilderSettings.js b/public/assets/javascripts/ui/builder/BuilderSettings.js
index 7ae6294..fe67e9b 100644
--- a/public/assets/javascripts/ui/builder/BuilderSettings.js
+++ b/public/assets/javascripts/ui/builder/BuilderSettings.js
@@ -7,6 +7,7 @@ var BuilderSettings = FormView.extend({
 	destroyAction: "/api/layout/destroy",
 
 	events: {
+	  "mousedown": "stopPropagation",
 		"keydown": 'stopPropagation',
 		"keydown [name=name]": 'enterSubmit',
 		"click [data-role='save-layout']": 'clickSave',
diff --git a/public/assets/javascripts/ui/builder/BuilderToolbar.js b/public/assets/javascripts/ui/builder/BuilderToolbar.js
index 2eb7590..6c218be 100644
--- a/public/assets/javascripts/ui/builder/BuilderToolbar.js
+++ b/public/assets/javascripts/ui/builder/BuilderToolbar.js
@@ -3,6 +3,7 @@ var BuilderToolbar = View.extend({
 	el: "#builderToolbar",
 
 	events: {
+	  "mousedown": "stopPropagation",
 		"click [data-role='toggle-map-view']": 'toggleMap',
 		"click [data-role='toggle-layout-settings']": 'toggleSettings',
 		"click [data-role='undo']": 'undo',
diff --git a/public/assets/javascripts/ui/editor/Collaborators.js b/public/assets/javascripts/ui/editor/Collaborators.js
index 452ad15..b57510d 100644
--- a/public/assets/javascripts/ui/editor/Collaborators.js
+++ b/public/assets/javascripts/ui/editor/Collaborators.js
@@ -9,6 +9,7 @@ var Collaborators = ModalFormView.extend({
 	destroyAction: function(){ return "/api/collaborator/" + this.parent.data.slug + "/destroy" },
 	
 	events: {
+	  "mousedown": "stopPropagation",
 	  "keydown [name=email]": "enterSubmit",
 	  "click [data-role=destroy-collaborator]": "destroy",
 	},
diff --git a/public/assets/javascripts/ui/editor/EditorSettings.js b/public/assets/javascripts/ui/editor/EditorSettings.js
index 0c08369..45a2e43 100644
--- a/public/assets/javascripts/ui/editor/EditorSettings.js
+++ b/public/assets/javascripts/ui/editor/EditorSettings.js
@@ -7,6 +7,7 @@ var EditorSettings = FormView.extend({
 	destroyAction: "/api/project/destroy",
   
 	events: {
+	  "mousedown": "stopPropagation",
 		"keydown": 'stopPropagation',
 		"keydown [name=name]": 'enterSubmit',
 		"click [data-role='show-collaborators']": 'showCollaborators',
diff --git a/public/assets/javascripts/ui/editor/MediaUpload.js b/public/assets/javascripts/ui/editor/MediaUpload.js
index bab4679..fddfefc 100644
--- a/public/assets/javascripts/ui/editor/MediaUpload.js
+++ b/public/assets/javascripts/ui/editor/MediaUpload.js
@@ -6,6 +6,7 @@ var MediaUpload = UploadView.extend({
 	uploadAction: "/api/media/upload",
 	
 	events: {
+    'mousedown': "stopPropagation",
 		"keydown .url": "enterSubmit",
 	},
 	
diff --git a/public/assets/javascripts/ui/editor/MediaViewer.js b/public/assets/javascripts/ui/editor/MediaViewer.js
index 1414e16..c18fb49 100644
--- a/public/assets/javascripts/ui/editor/MediaViewer.js
+++ b/public/assets/javascripts/ui/editor/MediaViewer.js
@@ -6,6 +6,7 @@ var MediaViewer = ModalView.extend({
 	loaded: false,
 	
 	events: {
+	  'mousedown': "stopPropagation",
 		'click .foundToggle': "foundToggle",
 		'click .userToggle': "userToggle",
 		'click #deleteMedia': "deleteArmed",
diff --git a/public/assets/javascripts/ui/editor/TextEditor.js b/public/assets/javascripts/ui/editor/TextEditor.js
index 0aa5aad..c8879b3 100644
--- a/public/assets/javascripts/ui/editor/TextEditor.js
+++ b/public/assets/javascripts/ui/editor/TextEditor.js
@@ -92,6 +92,7 @@ var TextEditor = FormView.extend({
 			this.unbind()
 		}
 
+    this.parent.settings.hide()
 		Scenery.resize.show(scenery)
 		Scenery.hovering = true
 		
-- 
cgit v1.2.3-70-g09d2


From f599c7edf7e635241e839fc024e4016ae0dcc210 Mon Sep 17 00:00:00 2001
From: Jules Laplace <jules@okfoc.us>
Date: Fri, 31 Oct 2014 16:03:12 -0400
Subject: intersection test 2 - hit-testing on wall structure

---
 .../javascripts/rectangles/models/surface.js       |   9 +
 public/assets/test/intersect2.html                 | 218 +++++++++++++++++++++
 2 files changed, 227 insertions(+)
 create mode 100644 public/assets/test/intersect2.html

(limited to 'public/assets/javascripts/rectangles/models/surface.js')

diff --git a/public/assets/javascripts/rectangles/models/surface.js b/public/assets/javascripts/rectangles/models/surface.js
index 3a6c449..fc4aae4 100644
--- a/public/assets/javascripts/rectangles/models/surface.js
+++ b/public/assets/javascripts/rectangles/models/surface.js
@@ -154,6 +154,15 @@
 		}
 		return -1
 	}
+	Surface.prototype.face_for_x = function(x, min_i){
+    min_i = min_i || 0
+		for (var i = min_i; i < this.faces.length; i++) {
+			if (this.faces[i].x.contains(x)) {
+				return this.faces[i]
+			}
+		}
+		return null
+	}
 
 	Surface.prototype.bounds_at_index_with_dimensions = function(index, dimensions){
     var faces = this.faces
diff --git a/public/assets/test/intersect2.html b/public/assets/test/intersect2.html
new file mode 100644
index 0000000..fade288
--- /dev/null
+++ b/public/assets/test/intersect2.html
@@ -0,0 +1,218 @@
+<style>
+body,html{margin:0;padding:0;}
+#hud { position: absolute; top: 0; left: 0; pointer-events: none; }
+</style>
+<canvas id="canvas"></canvas>
+<div id="hud"></div>
+
+<script src="/assets/javascripts/util.js"></script>
+<script src="/assets/javascripts/vendor/tube.js"></script>
+<script src="/assets/javascripts/vendor/bower_components/jquery/dist/jquery.min.js"></script>
+<script src="/assets/javascripts/vendor/bower_components/lodash/dist/lodash.min.js"></script>
+<script src="/assets/javascripts/mx/mx.js"></script>
+<script src="/assets/javascripts/mx/extensions/mx.scene.js"></script>
+<script src="/assets/javascripts/rectangles/util/constants.js"></script>
+<script src="/assets/javascripts/rectangles/util/mouse.js"></script>
+<script src="/assets/javascripts/rectangles/util/sort.js"></script>
+<script src="/assets/javascripts/rectangles/util/uid.js"></script>
+<script src="/assets/javascripts/rectangles/models/vec2.js"></script>
+<script src="/assets/javascripts/rectangles/models/rect.js"></script>
+<script src="/assets/javascripts/rectangles/models/room.js"></script>
+<script src="/assets/javascripts/rectangles/models/surface.js"></script>
+<script src="/assets/javascripts/rectangles/models/wall.js"></script>
+<script src="/assets/javascripts/rectangles/models/floor.js"></script>
+<script src="/assets/javascripts/rectangles/engine/rooms/_rooms.js"></script>
+<script src="/assets/javascripts/rectangles/engine/rooms/_walls.js"></script>
+<script src="/assets/javascripts/rectangles/engine/rooms/clipper.js"></script>
+<script src="/assets/javascripts/rectangles/engine/rooms/builder.js"></script>
+<script src="/assets/javascripts/rectangles/engine/rooms/grouper.js"></script>
+<script src="/assets/javascripts/vendor/canvasutilities.js"></script>
+<script>
+
+var ctx = canvas.getContext('2d')
+var scene = new MX.Scene()
+
+var w = canvas.width = window.innerWidth
+var h = canvas.height = window.innerHeight
+
+var cursor = new Rect( 150, 250, 150, 250 )
+var wall_vec = new Rect ( 0, 0, 0, 0 )
+var points = [ cursor.x, cursor.y ]
+
+var origins = new Rect()
+origins.x = cursor.x
+origins.y = wall_vec.x
+
+var radius = 1
+
+var rect       = new Rect( new vec2(100,400), new vec2(100,400) )
+var east       = new Rect( new vec2(200,600), new vec2(100,400) )
+var corner     = new Rect( new vec2(300,700), new vec2(300,700) )
+var peninsula  = new Rect( new vec2(400,600), new vec2(600,800) )
+var peninsula2 = new Rect( new vec2(650,750), new vec2(350,450) )
+
+var rect_room       = new Room({ id: "rect", rect: rect, height: 2 })
+var east_room       = new Room({ id: "east", rect: east, height: 2 })
+var corner_room     = new Room({ id: "corner", rect: corner, height: 2 })
+var peninsula_room  = new Room({ id: "peninsula", rect: peninsula, height: 3 })
+var peninsula2_room = new Room({ id: "peninsula2", rect: peninsula2, height: 3 })
+
+Rooms.add( rect_room )
+Rooms.add( east_room )
+Rooms.add( corner_room )
+Rooms.add( peninsula_room )
+Rooms.add( peninsula2_room )
+
+Rooms.clipper.update()
+Rooms.builder.build()
+Rooms.grouper.build()
+
+var r = 4
+
+var intersect = new vec2 ()
+
+var dragging = false, dragging_a, dragging_b
+var delta = new vec2( 0, 0 )
+
+var mymouse = new mouse({
+  el: canvas,
+  down: function(e, cursor){
+    points.some(function(p){
+      if (-cursor.x.a > p.a - r && -cursor.x.a < p.a + r &&
+           cursor.y.a > p.b - r &&  cursor.y.a < p.b + r) {
+        dragging_a = p.a
+        dragging_b = p.b
+        dragging = p
+        return true
+      }
+    })
+  },
+  drag: function(e, cursor){
+    if (! dragging) return
+    delta = cursor.delta()
+    delta.a = - delta.a
+    dragging.a = dragging_a + delta.a
+    dragging.b = dragging_b + delta.b
+  },
+  up: function(e, cursor, new_cursor){
+    delta.zero()
+    dragging.dragging = false
+    dragging = false
+  },
+})
+
+function draw () {
+  ctx.fillStyle = "#fff"
+  ctx.fillRect(0,0,w,h)
+
+  Rooms.forEach(function(room, i){
+    ctx.fillStyle = "#eee"
+    ctx.fillRect(room.rect.x.a, room.rect.y.a, room.rect.width(), room.rect.height())
+  })
+  
+  ctx.fillStyle = "#333"
+  points.forEach(drawPoint)
+  
+  drawLine(cursor.x, cursor.y, "#f00")
+  hud.innerHTML = ""
+  Walls.list.forEach(function(wall, i){
+    if (wall.side & LEFT_RIGHT) {
+      wall_vec.x.a = wall.edge
+      wall_vec.x.b = wall.vec.a
+      wall_vec.y.a = wall.edge
+      wall_vec.y.b = wall.vec.b
+    }
+    else {
+      wall_vec.x.a = wall.vec.a
+      wall_vec.x.b = wall.edge
+      wall_vec.y.a = wall.vec.b
+      wall_vec.y.b = wall.edge
+    }
+    drawLine(wall_vec.x, wall_vec.y, "#888", true)
+    drawLine(origins.x, origins.y, "rgba(0,0,0,0.1)")
+
+    var t = perp(origins, wall_vec) / ( perp(cursor, wall_vec) || 0.0000001 )
+    intersect.a = cursor.x.a + ( cursor.y.a - cursor.x.a ) * t
+    intersect.b = cursor.x.b + ( cursor.y.b - cursor.x.b ) * t
+
+    var collinear = is_collinear( intersect, wall_vec )
+    var long_enough_to_intersect = 0 <= t && t <= 1
+    var actually_intersects = false
+    var intersecting_face
+    var msg
+  
+    if (long_enough_to_intersect && collinear) {
+      if (wall.side & LEFT_RIGHT) {
+        intersecting_face = wall.surface.face_for_x(intersect.b)
+      }
+      else {
+        intersecting_face = wall.surface.face_for_x(intersect.a)
+      }
+      actually_intersects = !! (intersecting_face && intersecting_face.y.a == 0)
+    }
+    
+    if (actually_intersects) {
+      ctx.fillStyle = "#f00"
+      msg = "through"
+    }
+    else if (collinear) {
+      ctx.fillStyle = "#0f0"
+      msg = "to"
+    }
+    else {
+      ctx.fillStyle = "rgba(0,0,0,0.1)"
+      msg = "off"
+    }
+    
+    drawPoint(intersect)
+    if (intersecting_face) {
+      hud.innerHTML += intersecting_face.y.a + "<br>"
+    }
+  })
+
+}
+function drawLine (pa, pb, color, headless) {
+  ctx.fillStyle = color
+  ctx.strokeStyle = color
+  var x1 = pa.a
+  var y1 = pa.b
+  var x2 = pb.a
+  var y2 = pb.b
+  drawArrow(ctx, x1, y1, x2, y2, 3, headless ? 0 : 1)
+}
+function drawPoint (p) {
+  var x = p.a - r
+  var y = p.b - r
+  ctx.fillRect(x, y, r*2, r*2)
+}
+function perp (va, vb) {
+  return (va.y.a - va.x.a) * (vb.y.b - vb.x.b) - (va.y.b - va.x.b) * (vb.y.a - vb.x.a)
+}
+function is_collinear (p, vec) {
+  var on_x, on_y
+  var pa = round(p.a), pb = round(p.b)
+  
+  if (vec.x.a < vec.y.a) {
+    on_x = vec.x.a <= pa && pa <= vec.y.a
+  }
+  else {
+    on_x = vec.x.a >= pa && pa >= vec.y.a
+  }
+  
+  if (vec.x.b < vec.y.b) {
+    on_y = vec.x.b <= pb && pb <= vec.y.b
+  }
+  else {
+    on_y = vec.x.b >= pb && pb >= vec.y.b
+  }
+
+  return !! (on_x && on_y)
+}
+
+function animate(){
+  requestAnimationFrame(animate)
+  draw()
+}
+animate()
+
+</script>
-- 
cgit v1.2.3-70-g09d2


From f08fd6f6910d6cc774051ef9f85307ac8557d740 Mon Sep 17 00:00:00 2001
From: Jules Laplace <jules@okfoc.us>
Date: Fri, 31 Oct 2014 18:51:20 -0400
Subject: intersect3 putting this to rest

---
 .../javascripts/rectangles/models/surface.js       |   7 +
 public/assets/test/intersect3.html                 | 230 +++++++++++++++++++++
 2 files changed, 237 insertions(+)
 create mode 100644 public/assets/test/intersect3.html

(limited to 'public/assets/javascripts/rectangles/models/surface.js')

diff --git a/public/assets/javascripts/rectangles/models/surface.js b/public/assets/javascripts/rectangles/models/surface.js
index fc4aae4..f031665 100644
--- a/public/assets/javascripts/rectangles/models/surface.js
+++ b/public/assets/javascripts/rectangles/models/surface.js
@@ -12,6 +12,7 @@
 	
 	var Surface = function (face){
 		this.bounds = new Rect (new vec2(0, 0), new vec2(0, 0))
+		this.vec = new Rect (new vec2(0, 0), new vec2(0, 0))
 		this.faces = []
 		if (face) {
 			this.add(face)
@@ -161,6 +162,12 @@
 				return this.faces[i]
 			}
 		}
+		if (x < this.faces[0].x.a) {
+			return this.faces[0]
+		}
+		else {
+			return this.faces[this.faces.length-1]
+		}
 		return null
 	}
 
diff --git a/public/assets/test/intersect3.html b/public/assets/test/intersect3.html
new file mode 100644
index 0000000..4fec891
--- /dev/null
+++ b/public/assets/test/intersect3.html
@@ -0,0 +1,230 @@
+<style>
+body,html{margin:0;padding:0;}
+#hud { position: absolute; top: 0; left: 0; pointer-events: none; }
+</style>
+<canvas id="canvas"></canvas>
+<div id="hud"></div>
+
+<script src="/assets/javascripts/util.js"></script>
+<script src="/assets/javascripts/vendor/tube.js"></script>
+<script src="/assets/javascripts/vendor/bower_components/jquery/dist/jquery.min.js"></script>
+<script src="/assets/javascripts/vendor/bower_components/lodash/dist/lodash.min.js"></script>
+<script src="/assets/javascripts/mx/mx.js"></script>
+<script src="/assets/javascripts/mx/extensions/mx.scene.js"></script>
+<script src="/assets/javascripts/rectangles/util/constants.js"></script>
+<script src="/assets/javascripts/rectangles/util/mouse.js"></script>
+<script src="/assets/javascripts/rectangles/util/sort.js"></script>
+<script src="/assets/javascripts/rectangles/util/uid.js"></script>
+<script src="/assets/javascripts/rectangles/models/vec2.js"></script>
+<script src="/assets/javascripts/rectangles/models/rect.js"></script>
+<script src="/assets/javascripts/rectangles/models/room.js"></script>
+<script src="/assets/javascripts/rectangles/models/surface.js"></script>
+<script src="/assets/javascripts/rectangles/models/wall.js"></script>
+<script src="/assets/javascripts/rectangles/models/floor.js"></script>
+<script src="/assets/javascripts/rectangles/engine/rooms/_rooms.js"></script>
+<script src="/assets/javascripts/rectangles/engine/rooms/_walls.js"></script>
+<script src="/assets/javascripts/rectangles/engine/rooms/clipper.js"></script>
+<script src="/assets/javascripts/rectangles/engine/rooms/builder.js"></script>
+<script src="/assets/javascripts/rectangles/engine/rooms/grouper.js"></script>
+<script src="/assets/javascripts/vendor/canvasutilities.js"></script>
+<script>
+
+var ctx = canvas.getContext('2d')
+var scene = new MX.Scene()
+
+var w = canvas.width = window.innerWidth
+var h = canvas.height = window.innerHeight
+
+var cursor = new Rect( 150, 250, 150, 250 )
+var wall_vec = new Rect ( 0, 0, 0, 0 )
+var points = [ cursor.x, cursor.y ]
+
+var origins = new Rect()
+origins.x = cursor.x
+origins.y = wall_vec.x
+
+scene.camera.radius = 20
+
+var rect       = new Rect( new vec2(100,400), new vec2(100,400) )
+var east       = new Rect( new vec2(200,600), new vec2(100,400) )
+var corner     = new Rect( new vec2(300,700), new vec2(300,700) )
+var peninsula  = new Rect( new vec2(400,600), new vec2(600,800) )
+var peninsula2 = new Rect( new vec2(650,750), new vec2(350,450) )
+
+var rect_room       = new Room({ id: "rect", rect: rect, height: 2 })
+var east_room       = new Room({ id: "east", rect: east, height: 2 })
+var corner_room     = new Room({ id: "corner", rect: corner, height: 2 })
+var peninsula_room  = new Room({ id: "peninsula", rect: peninsula, height: 3 })
+var peninsula2_room = new Room({ id: "peninsula2", rect: peninsula2, height: 1 })
+
+Rooms.add( rect_room )
+Rooms.add( east_room )
+Rooms.add( corner_room )
+Rooms.add( peninsula_room )
+Rooms.add( peninsula2_room )
+
+Rooms.clipper.update()
+Rooms.builder.build()
+Rooms.grouper.build()
+
+var r = 4
+
+var intersect = new vec2 ()
+var intersects = []
+
+var dragging = false, dragging_a, dragging_b
+var delta = new vec2( 0, 0 )
+
+var mymouse = new mouse({
+  el: canvas,
+  down: function(e, cursor){
+    points.some(function(p){
+      if (-cursor.x.a > p.a - r && -cursor.x.a < p.a + r &&
+           cursor.y.a > p.b - r &&  cursor.y.a < p.b + r) {
+        dragging_a = p.a
+        dragging_b = p.b
+        dragging = p
+        return true
+      }
+    })
+  },
+  drag: function(e, cursor){
+    if (! dragging) return
+    delta = cursor.delta()
+    delta.a = - delta.a
+    dragging.a = dragging_a + delta.a
+    dragging.b = dragging_b + delta.b
+  },
+  up: function(e, cursor, new_cursor){
+    delta.zero()
+    dragging.dragging = false
+    dragging = false
+  },
+})
+
+function draw () {
+  ctx.fillStyle = "#fff"
+  ctx.fillRect(0,0,w,h)
+
+  Rooms.forEach(function(room, i){
+    ctx.fillStyle = "#eee"
+    ctx.fillRect(room.rect.x.a, room.rect.y.a, room.rect.width(), room.rect.height())
+  })
+  
+  ctx.fillStyle = "#333"
+  points.forEach(drawPoint)
+  
+  drawLine(cursor.x, cursor.y, "#f00")
+  hud.innerHTML = ""
+  intersects.length = 0
+  
+  Walls.list.forEach(function(wall, i){
+    if (wall.side & LEFT_RIGHT) {
+      wall_vec.x.a = wall.edge
+      wall_vec.x.b = wall.vec.a
+      wall_vec.y.a = wall.edge
+      wall_vec.y.b = wall.vec.b
+    }
+    else {
+      wall_vec.x.a = wall.vec.a
+      wall_vec.x.b = wall.edge
+      wall_vec.y.a = wall.vec.b
+      wall_vec.y.b = wall.edge
+    }
+    drawLine(wall_vec.x, wall_vec.y, "#888", true)
+    drawLine(origins.x, origins.y, "rgba(0,0,0,0.1)")
+
+    var t = perp(origins, wall_vec) / ( perp(cursor, wall_vec) || 0.0000001 )
+    intersect.a = cursor.x.a + ( cursor.y.a - cursor.x.a ) * t
+    intersect.b = cursor.x.b + ( cursor.y.b - cursor.x.b ) * t
+
+    var collinear = is_collinear( intersect, wall_vec )
+    var long_enough_to_intersect = 0 <= t && t <= 1
+    var actually_intersects = false
+    var intersecting_face
+    var msg
+  
+    if (long_enough_to_intersect && collinear) {
+      if (wall.side & LEFT_RIGHT) {
+        intersecting_face = wall.surface.face_for_x(intersect.b)
+      }
+      else {
+        intersecting_face = wall.surface.face_for_x(intersect.a)
+      }
+      actually_intersects = !! (intersecting_face && intersecting_face.y.a == 0)
+    }
+    
+    if (actually_intersects) {
+      ctx.fillStyle = "#f00"
+      msg = "through"
+    }
+    else if (collinear) {
+      ctx.fillStyle = "#0f0"
+      msg = "to"
+    }
+    else {
+      ctx.fillStyle = "rgba(0,0,0,0.1)"
+      msg = "off"
+    }
+    
+    drawPoint(intersect)
+    if (intersecting_face) {
+      hud.innerHTML += intersecting_face.y.a + "<br>"
+      var clone = intersect.clone()
+      clone.t = t
+      intersects.push( clone )
+    }
+  })
+
+  if (intersects.length) {
+    // get the intersect with smallest T value
+    // get the angle of the cam/pos vector
+    // move the desired position to pos - 20px
+    // display this point
+  }
+}
+function drawLine (pa, pb, color, headless) {
+  ctx.fillStyle = color
+  ctx.strokeStyle = color
+  var x1 = pa.a
+  var y1 = pa.b
+  var x2 = pb.a
+  var y2 = pb.b
+  drawArrow(ctx, x1, y1, x2, y2, 3, headless ? 0 : 1)
+}
+function drawPoint (p) {
+  var x = p.a - r
+  var y = p.b - r
+  ctx.fillRect(x, y, r*2, r*2)
+}
+function perp (va, vb) {
+  return (va.y.a - va.x.a) * (vb.y.b - vb.x.b) - (va.y.b - va.x.b) * (vb.y.a - vb.x.a)
+}
+function is_collinear (p, vec) {
+  var on_x, on_y
+  var pa = round(p.a), pb = round(p.b)
+  
+  if (vec.x.a < vec.y.a) {
+    on_x = vec.x.a <= pa && pa <= vec.y.a
+  }
+  else {
+    on_x = vec.x.a >= pa && pa >= vec.y.a
+  }
+  
+  if (vec.x.b < vec.y.b) {
+    on_y = vec.x.b <= pb && pb <= vec.y.b
+  }
+  else {
+    on_y = vec.x.b >= pb && pb >= vec.y.b
+  }
+
+  return !! (on_x && on_y)
+}
+
+function animate(){
+  requestAnimationFrame(animate)
+  draw()
+}
+animate()
+
+</script>
-- 
cgit v1.2.3-70-g09d2