summaryrefslogtreecommitdiff
path: root/rectangles-canvas-only.html
blob: 30ec81f87094833b0b4504d815d719729f6479e9 (plain)
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
45
46
47
48
49
50
51
52
53
54
55
56
57
58
59
60
61
62
63
64
65
66
67
68
69
70
71
72
73
74
75
76
77
78
79
80
<!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;
}
.front { background-color: #ddd; }
.back  { background-color: #bbb; }
.left  { background-color: #aaa; }
.right { background-color: #888; }
#map canvas {
	border-bottom: 2px solid #ddd;
	border-right: 2px solid #ddd;
}
</style>
</head>
<body>

	<div id="hud">
		<div id="map" style="display: block">
		</div>

		<div id="info">
			<select id="palette">
				<option selected>colors</option>
				<option>redblue</option>
				<option>gray</option>
				<option>alpha</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/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/models/tree.js"></script>
<script type="text/javascript" src="assets/javascripts/rectangles/models/room.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/engine/builder.js"></script>
<script type="text/javascript" src="assets/javascripts/rectangles/engine/clipper.js"></script>
<script type="text/javascript" src="assets/javascripts/rectangles/engine/mover.js"></script>
<script type="text/javascript" src="assets/javascripts/rectangles/engine/scenery.js"></script>
<script type="text/javascript" src="assets/javascripts/rectangles/map/_map.js"></script>
<script type="text/javascript" src="assets/javascripts/rectangles/map/ui.js"></script>
<script type="text/javascript" src="assets/javascripts/rectangles/map/draw.js"></script>

<script type="text/javascript" src="assets/javascripts/rectangles/map/ui.js"></script>
<script type="text/javascript" src="assets/javascripts/rectangles/map/draw.js"></script>

<script>
	environment.init()
</script>

</html>