From 6e5dbdeb78b72bf9775ed2ea233db0b2ad8b5e41 Mon Sep 17 00:00:00 2001
From: Jules Laplace <jules@okfoc.us>
Date: Thu, 2 Oct 2014 13:03:24 -0400
Subject: get coordinates for point

---
 .../assets/javascripts/rectangles/util/coords.js   | 33 ++++++++++++++++++++++
 1 file changed, 33 insertions(+)
 create mode 100644 public/assets/javascripts/rectangles/util/coords.js

(limited to 'public/assets/javascripts/rectangles/util/coords.js')

diff --git a/public/assets/javascripts/rectangles/util/coords.js b/public/assets/javascripts/rectangles/util/coords.js
new file mode 100644
index 0000000..74b7fda
--- /dev/null
+++ b/public/assets/javascripts/rectangles/util/coords.js
@@ -0,0 +1,33 @@
+function offsetFromPoint(event, element) {
+  function a(width) {
+    var l = 0, r = 200;
+    while (r - l > 0.0001) {
+      var mid = (r + l) / 2;
+      var a = document.createElement('div');
+      a.style.cssText = 'position: absolute;left:0;top:0;background: red;z-index: 1000;';
+      a.style[width ? 'width' : 'height'] = mid.toFixed(3) + '%';
+      a.style[width ? 'height' : 'width'] = '100%';
+      element.appendChild(a);
+      var x = document.elementFromPoint(event.clientX, event.clientY);
+      element.removeChild(a);
+      if (x === a) {
+        r = mid;
+      } else {
+        if (r === 200) {
+          return null;
+        }
+        l = mid;
+      }
+    }
+    return mid;
+  }
+  var l = a(1), 
+      t = a(0);
+  return l && t ? {
+    left: l / 100,
+    top: t / 100,
+    toString: function () {
+      return 'left: ' + l + '%, top: ' + t + '%';
+    }
+  } : null;
+}
-- 
cgit v1.2.3-70-g09d2


From 3916282fc61cb1143dfc33d79dfc3169293b0969 Mon Sep 17 00:00:00 2001
From: Jules Laplace <jules@okfoc.us>
Date: Tue, 31 Mar 2015 17:30:53 -0400
Subject: rightclick to recenter

---
 public/assets/javascripts/rectangles/util/coords.js |  2 +-
 public/assets/test/ortho2.html                      | 12 +++++++++++-
 public/assets/test/ortho3.html                      |  1 +
 3 files changed, 13 insertions(+), 2 deletions(-)

(limited to 'public/assets/javascripts/rectangles/util/coords.js')

diff --git a/public/assets/javascripts/rectangles/util/coords.js b/public/assets/javascripts/rectangles/util/coords.js
index 74b7fda..ff56199 100644
--- a/public/assets/javascripts/rectangles/util/coords.js
+++ b/public/assets/javascripts/rectangles/util/coords.js
@@ -30,4 +30,4 @@ function offsetFromPoint(event, element) {
       return 'left: ' + l + '%, top: ' + t + '%';
     }
   } : null;
-}
+}
\ No newline at end of file
diff --git a/public/assets/test/ortho2.html b/public/assets/test/ortho2.html
index d6f0c5c..2c600f5 100644
--- a/public/assets/test/ortho2.html
+++ b/public/assets/test/ortho2.html
@@ -50,6 +50,7 @@ body {
 <script src="/assets/javascripts/mx/primitives/mx.grid.js"></script>
 <script src="/assets/javascripts/mx/primitives/mx.image.js"></script>
 <script src="/assets/javascripts/rectangles/util/constants.js"></script>
+<script src="/assets/javascripts/rectangles/util/coords.js"></script>
 <script src="/assets/javascripts/rectangles/util/mouse.js"></script>
 <script src="/assets/javascripts/rectangles/util/wheel.js"></script>
 <script src="/assets/javascripts/rectangles/models/vec2.js"></script>
@@ -298,7 +299,16 @@ function build () {
     rotationY: PI,
   })
   scene.add(floorplan)
-  
+  floorplan.el.addEventListener("contextmenu", function(e){
+    e.preventDefault()
+    var offset = offsetFromPoint(e, this)
+    var x = (offset.left - 0.5) * floorplan.width
+    var z = (offset.top - 0.5) * floorplan.height
+    controls.opt.center.x = -x
+    controls.opt.center.y = 0
+    controls.opt.center.z = -z
+  }, true)
+
 	scene.update()
 
 	controls = new MX.OrbitCamera({
diff --git a/public/assets/test/ortho3.html b/public/assets/test/ortho3.html
index 19bb13a..37bf620 100644
--- a/public/assets/test/ortho3.html
+++ b/public/assets/test/ortho3.html
@@ -38,6 +38,7 @@ body {
 <script src="/assets/javascripts/rectangles/util/constants.js"></script>
 <script src="/assets/javascripts/rectangles/util/mouse.js"></script>
 <script src="/assets/javascripts/rectangles/util/wheel.js"></script>
+<script src="/assets/javascripts/rectangles/util/coords.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/rect.js"></script>
-- 
cgit v1.2.3-70-g09d2