1 files changed, 123 insertions, 0 deletions
diff --git a/client/rectangles.html b/client/rectangles.html
new file mode 100644
index 0000000..09be820
--- /dev/null
+++ b/client/rectangles.html
@@ -0,0 +1,123 @@
+<!doctype html>
+<html>
+<head>
+	<link rel="stylesheet" type="text/css" href="assets/stylesheets/css.css">
+<style type="text/css">
+body { background: #fff; }
+body > div {
+	float: left;
+}
+#info {
+	padding: 30px;
+}
+#hud {
+	position: absolute;
+	top:0;left:0;
+	z-index: 10;
+}
+.face {
+	background-color: #fff;
+	transition: 0.1s background-color ease;
+}
+.front { background-color: #fff; }
+.back  { background-color: #fff; }
+.left  { background-color: #fff; }
+.right { background-color: #fff; }
+.floor { background-color: #eee; }
+.ceiling { background-color: rgba(230,230,255,0.3); }
+
+.active.floor { background-color: #ffe; }
+.active.ceiling { background-color: rgba(230,230,255,0.3); }
+
+.dragging .mx-object3d.image {
+	pointer-events: none;
+}
+
+.dot {
+	background:white;
+	border-radius:20px;
+	border: 1px solid black;
+}
+
+.image {
+	background-size: 100% 100%;
+}
+
+/* 
+.face {
+	background-image: url(http://i.asdf.us/im/6f/bgdither_1398274442_jules.gif);
+	background-color: transparent;
+}
+ */
+
+#map canvas {
+	border-bottom: 2px solid #ddd;
+	border-right: 2px solid #ddd;
+}
+</style>
+</head>
+<body>
+	<div id="bg"></div>
+	<div id="scene"></div>
+
+	<div id="hud">
+		<div id="map" style="display: block">
+		</div>
+
+		<div id="info">
+			<select id="palette">
+				<option>colors</option>
+				<option>redblue</option>
+				<option>gray</option>
+				<option selected>bone</option>
+				<option>alpha</option>
+				<option>white</option>
+				<option>black</option>
+			</select>
+			<div id="intersects"></div>
+		</div>
+	</div>
+
+</body>
+<script src="assets/javascripts/vendor/jquery.min.js"></script>
+<script type="text/javascript" src="assets/javascripts/vendor/tube.js"></script>
+<script type="text/javascript" src="assets/javascripts/vendor/loader.js"></script>
+<script type="text/javascript" src="assets/javascripts/vendor/polyfill.js"></script>
+<script type="text/javascript" src="assets/javascripts/util.js"></script>
+
+<script type="text/javascript" src="assets/javascripts/rectangles/_env.js"></script>
+<script type="text/javascript" src="assets/javascripts/rectangles/util/colors.js"></script>
+<script type="text/javascript" src="assets/javascripts/rectangles/util/constants.js"></script>
+<script type="text/javascript" src="assets/javascripts/rectangles/util/debug.js"></script>
+<script type="text/javascript" src="assets/javascripts/rectangles/util/sort.js"></script>
+<script type="text/javascript" src="assets/javascripts/rectangles/util/wheel.js"></script>
+<script type="text/javascript" src="assets/javascripts/rectangles/util/mouse.js"></script>
+<script type="text/javascript" src="assets/javascripts/rectangles/util/keys.js"></script>
+<script type="text/javascript" src="assets/javascripts/rectangles/models/room.js"></script>
+<script type="text/javascript" src="assets/javascripts/rectangles/models/wall.js"></script>
+<script type="text/javascript" src="assets/javascripts/rectangles/models/tree.js"></script>
+<script type="text/javascript" src="assets/javascripts/rectangles/models/rect.js"></script>
+<script type="text/javascript" src="assets/javascripts/rectangles/models/vec2.js"></script>
+<script type="text/javascript" src="assets/javascripts/rectangles/models/vec3.js"></script>
+
+<script type="text/javascript" src="assets/javascripts/rectangles/engine/rooms/_rooms.js"></script>
+<script type="text/javascript" src="assets/javascripts/rectangles/engine/rooms/builder.js"></script>
+<script type="text/javascript" src="assets/javascripts/rectangles/engine/rooms/clipper.js"></script>
+<script type="text/javascript" src="assets/javascripts/rectangles/engine/rooms/mover.js"></script>
+
+<script type="text/javascript" src="assets/javascripts/rectangles/engine/scenery/_scenery.js"></script>
+<script type="text/javascript" src="assets/javascripts/rectangles/engine/scenery/image/_image.js"></script>
+<script type="text/javascript" src="assets/javascripts/rectangles/engine/scenery/image/move.js"></script>
+<script type="text/javascript" src="assets/javascripts/rectangles/engine/scenery/image/resize.js"></script>
+
+<script type="text/javascript" src="assets/javascripts/rectangles/engine/map/_map.js"></script>
+<script type="text/javascript" src="assets/javascripts/rectangles/engine/map/ui.js"></script>
+<script type="text/javascript" src="assets/javascripts/rectangles/engine/map/draw.js"></script>
+
+<script src="assets/javascripts/mx/mx.js"></script>
+<script src="assets/javascripts/mx/extensions/mx.scene.js"></script>
+<script src="assets/javascripts/mx/extensions/mx.movements.js"></script>
+<script src="assets/javascripts/mx/primitives/mx.image.js"></script>
+<script src="assets/javascripts/app.js"></script>
+
+</html>