-
Notifications
You must be signed in to change notification settings - Fork 1
/
maze.html
59 lines (56 loc) · 4.42 KB
/
maze.html
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
<html>
<head>
<title>The aMAZEing Δing-Maze</title>
<link rel="stylesheet" type="text/css" href="main.css" media="all">
<script type="text/javascript" src="/socket.io/socket.io.js"></script>
<script type="text/javascript" src="./canvas.js"></script>
<script type="text/javascript" src="./mouseEvents.js"></script>
<script type="text/javascript" src="./mazeIO.js"></script>
<script type="text/javascript" src="./ui.js"></script>
<script type="text/javascript" src="./d3/d3.v2.js"></script>
<script type="text/javascript" src="./d3maze.js"></script>
</head>
<body onload="d3Init();">
<h1>Amaze Δmaze</h1>
<h2 id="room-name"></h2>
<div id="mouseCoord">Mouse Coordinates position will be displayed here.</div>
<br/>
<div id="roomInput">
Room Name:
<input type="text" id="roomNameInput" name="roomName" value="Ser Sean Connery"
onkeypress="searchKeyPress(event,'roomSumbitButton');" />
<button id="roomSumbitButton" class="punch" onclick="roomCheck()";> Enter Room </button>
</div>
<div id="timerdiv">
<span id="timerPhrase"></span>
<span id="timer"></span>
<span id="postTimerPhrase"></span>
</div>
<div id="inGame">
<div id="canvas-container" class="shadow">
<canvas id="can" width="600" height="600"></canvas>
<div id="startingBlock">ENTER</div>
<div id="timerBlock"></div>
<div id="block1"></div>
<div id="block2"></div>
<div id="block3"></div>
<div id="block4"></div>
<div id="collisionBlock">
No Peeking! No Peeking! No Peeking! No Peeking! No Peeking! No Peeking! No Peeking! No Peeking! No Peeking! No Peeking! No Peeking! No Peeking! No Peeking! No Peeking! No Peeking! No Peeking! No Peeking! No Peeking! No Peeking! No Peeking! No Peeking! No Peeking! No Peeking! No Peeking! No Peeking! No Peeking! No Peeking! No Peeking! No Peeking! No Peeking! No Peeking! No Peeking! No Peeking! No Peeking! No Peeking! No Peeking! No Peeking! No Peeking! No Peeking! No Peeking! No Peeking! No Peeking! No Peeking! No Peeking! No Peeking! No Peeking! No Peeking! No Peeking! No Peeking! No Peeking! No Peeking! No Peeking! No Peeking! No Peeking! No Peeking! No Peeking! No Peeking! No Peeking! No Peeking! No Peeking! No Peeking! No Peeking! No Peeking! No Peeking! No Peeking! No Peeking! No Peeking! No Peeking! No Peeking! No Peeking! No Peeking! No Peeking! No Peeking! No Peeking! No Peeking! No Peeking! No Peeking! No Peeking! No Peeking! No Peeking! No Peeking! No Peeking! No Peeking! No Peeking! No Peeking! No Peeking! No Peeking! No Peeking! No Peeking! No Peeking! No Peeking! No Peeking! No Peeking! No Peeking! No Peeking! No Peeking! No Peeking! No Peeking! No Peeking! No Peeking! No Peeking! No Peeking! No Peeking! No Peeking! No Peeking! No Peeking! No Peeking! No Peeking! No Peeking! No Peeking! No Peeking! No Peeking! No Peeking! No Peeking! No Peeking! No Peeking! No Peeking! No Peeking! No Peeking! No Peeking! No Peeking! No Peeking! No Peeking! No Peeking! No Peeking! No Peeking! No Peeking! No Peeking! No Peeking! No Peeking! No Peeking! No Peeking! No Peeking! No Peeking! No Peeking! No Peeking! No Peeking! No Peeking! No Peeking! No Peeking! No Peeking! No Peeking! No Peeking! No Peeking! No Peeking! No Peeking! No Peeking! No Peeking! No Peeking! No Peeking! No Peeking! No Peeking! No Peeking! No Peeking! No Peeking! No Peeking! No Peeking! No Peeking! No Peeking! No Peeking! No Peeking! No Peeking! No Peeking! No Peeking! No Peeking! No Peeking! No Peeking! No Peeking! No Peeking! No Peeking! No Peeking! No Peeking! No Peeking! No Peeking! No Peeking! No Peeking! No Peeking! No Peeking! No Peeking! No Peeking! No Peeking! No Peeking! No Peeking! No Peeking! No Peeking! No Peeking! No Peeking! No Peeking! No Peeking! No Peeking! No Peeking! No Peeking! No Peeking! No Peeking! No Peeking! No Peeking! No Peeking! No Peeking! No Peeking! No Peeking! No Peeking! No Peeking! No Peeking! No Peeking! No Peeking! No Peeking! No Peeking! No Peeking! No Peeking! No Peeking! No Peeking! No Peeking! No Peeking! No Peeking! No Peeking! No Peeking! No Peeking! No Peeking! No Peeking! No Peeking! No Peeking! No Peeking! No Peeking! No Peeking!
</div>
<div id="endBlock">EXIT</div>
</div>
<ul id="control-buttons" class="control-buttons">
<li>
<button class="punch" onclick="setMode('drag') ">Curvey</button>
</li>
<li>
<button class="punch" onclick="setMode('line') ">Line</button>
</li>
</ul>
<div id="points">
</div>
</div>
<div class="bottom-spacer"></div>
</body>
</html>