From 744b4f00e9c8a7ef8a75cc8508bf10c0da8de9cc Mon Sep 17 00:00:00 2001
From: Jules Laplace <jules@okfoc.us>
Date: Mon, 30 Mar 2015 21:27:07 -0400
Subject: plotting points on an image of an art gallery

---
 public/assets/test/ortho2.html | 25 +++++++++++++++++--------
 1 file changed, 17 insertions(+), 8 deletions(-)

(limited to 'public/assets/test')

diff --git a/public/assets/test/ortho2.html b/public/assets/test/ortho2.html
index d554a60..733c90c 100644
--- a/public/assets/test/ortho2.html
+++ b/public/assets/test/ortho2.html
@@ -34,6 +34,7 @@ body {
 <script src="/assets/javascripts/mx/extensions/mx.scene.js"></script>
 <script src="/assets/javascripts/mx/extensions/mx.orbitCamera.js"></script>
 <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/mouse.js"></script>
 <script src="/assets/javascripts/rectangles/util/wheel.js"></script>
@@ -53,7 +54,7 @@ map = new Map ({
 	el: document.querySelector("#orthographic"),
 	width: window.innerWidth/2,
 	height: window.innerHeight,
-	zoom: 0,
+	zoom: -2,
 })
 
 var placing = false
@@ -127,9 +128,11 @@ function add_mx_point (p, i) {
 		z: p.b,
 		width: 20,
 		height: 20,
+		rotationX: PI/2,
 	})
 	mx.el.style.backgroundColor = 'rgb(' + [abs(floor(p.a*30)), 0, abs(floor(p.b*30))] + ')'
 	mx.el.style.backfaceVisibility = "visible"
+	mx.el.style.borderRadius = "50%"
 	scene.add(mx)
 	return mx
 }
@@ -143,14 +146,22 @@ function build () {
 	scene.height = window.innerHeight
 	scene.perspective = window.innerHeight
 
-  grid = new MX.Grid()
-  scene.add(grid)
+//   grid = new MX.Grid()
+//   scene.add(grid)
+  floorplan = new MX.Image({
+    src: "https://s3.amazonaws.com/luckyplop/fbf4295da80f1f66c5e4a248f2ea3e1ce7a22c3d.jpg",
+    keepImage: true,
+    rotationX: -PI/2,
+    rotationY: PI,
+  })
+  scene.add(floorplan)
   
 	scene.update()
 
 	controls = new MX.OrbitCamera({
 	  el: scene.el,
-	  radius: 1000,
+	  radius: 3000,
+	  radiusRange: [ 10, 10000 ],
 	  rotationX: PI/4,
 	  rotationY: PI/2,
 	})
@@ -168,10 +179,8 @@ function animate(time){
 	map.draw.ctx.save()
 	map.draw.translate()
 
-  map.draw.ctx.save()
-  map.draw.ctx.translate(-(20*20)/2, -(20*20)/2)
-  grid.draw(map.draw.ctx, 20, 20)
-  map.draw.ctx.restore()
+//   grid.draw(map.draw.ctx, true)
+  floorplan.draw(map.draw.ctx, true)
 
 	map.draw.coords()
 
-- 
cgit v1.2.3-70-g09d2