collideoscope/index.html at master · ewilden/collideoscope · GitHub

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
<!DOCTYPE html>
<html>
	<head>
		<meta charset=utf-8>
		<title>collideoscope</title>
		<style>
			body { margin: 0; }
			canvas { width: 100%; height: 100% }
		</style>
		<link rel="stylesheet" type="text/css" href="styles.css" media="screen" />
	</head>
	<body>
		<div id="pausemenu" class="overlay overlaybg">
			<div class="overlaytext">
				<p>collideoscope</p>
				<p class="names">by noah moss & evan wildenhain</p>
				<div class="pausesubtext">
					<p>space to jump</p>
					<p>left/right arrow keys to roll</p>
					<p>esc to pause/unpause</p>
					<p>p to toggle practice mode</p>
				</div>
			</div>
		</div>
		<div id="losemenu" class="overlay overlaybg">
			<div class="overlaytext">
				<p>you lost :(</p>
				<p>you made it <span id="scoreboard"></span> meters</p>
				<p>max distance: <span id="record"></span> meters</p>
				<p class="pausesubtext">press space to try again</p>
				<p class="pausesubtext">p to toggle practice mode</p>
			</div>
		</div>
		<div id="practicemode">
			<div class="practicetext">
				<div>practice mode</div>
				<div>up/down arrows to change speed</div>
			</div>
		</div>
		<div id="speedmenu">
			<div>current speed: <span id="currspeed"></span> mph</div>
		</div>
		<script>const IS_KALEIDOSCOPE_SIM = false;</script>
		<script src="js/three.js"></script>
		<script src="js/kaleidoscope.js"></script>
		<script src="js/objects.js"></script>
		<script src="js/physics.js"></script>
		<script src="js/main.js"></script>
	</body>
</html>