-
Notifications
You must be signed in to change notification settings - Fork 0
/
Copy pathindex.html
92 lines (82 loc) · 3.05 KB
/
index.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
60
61
62
63
64
65
66
67
68
69
70
71
72
73
74
75
76
77
78
79
80
81
82
83
84
85
86
87
88
89
90
91
92
<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8">
<title>Polychaete!</title>
<script type="text/javascript">
window.TONE_SILENCE_VERSION_LOGGING = true;
</script>
<script src="https://code.createjs.com/easeljs-0.8.2.min.js"></script>
<script src="javascripts/bundle.js" charset="utf-8"></script>
<link href="https://fonts.googleapis.com/css?family=Monoton|Play" rel="stylesheet">
<link rel="stylesheet" href="css/polychaete.css">
<link rel="shortcut icon" type="image/x-icon" href="/images/favicon.png?2016011101" />
</head>
<body>
<main>
<h1>Polychaete!</h1>
<section class="scoreboard">
<section>
Score:
<span id="current-score">0</span>
</section>
<section>
High Score:
<span id="high-score">0</span>
</section>
<section>
Bombs:
<span id="bomb-count">0</span>
</section>
</section>
<canvas id="canvas" width="416" height="620"></canvas>
<section id="popup-gameover" class="popup hidden">
<section>
<p>Game Over!</p>
<p>Your Score: <span id="gameover-score"></span></p>
<p id="gameover-high-score-message"></p>
<button id="button-restart">Click to play again</button>
</section>
</section>
<section id="popup-start" class="popup">
<section>
<h2>Polychaete!</h2>
<button id="button-start">Click to start</button>
</section>
</section>
<section id="popup-about" class="popup hidden">
<section>
<p>
<span class="bold">Polychaete</span> is inspired by the Centipede
arcade game, originally released in 1980.
<a href="https://www.youtube.com/watch?v=68H1AsiagdY" target="_blank">Click here</a>
for a short video about Centipede and the woman who helped develop it.
</p>
<p>
Polychaete was created by <a href="http://jwoldan.net">Jeffrey Woldan</a>.
The source code for Polychaete is available at
<a href="https://github.com/jwoldan/polychaete">Github</a>.
<h2>Instructions</h2>
<p>
Shoot the sea creatures to earn points. Avoid them and drop bombs
when they enter your area. See how long you can last!
</p>
<h2>Controls</h2>
<table>
<tr><td>Left arrow / A</td><td>Move left</td></tr>
<tr><td>Right arrow / D</td><td>Move right</td></tr>
<tr><td>Up arrow / W</td><td>Move up</td></tr>
<tr><td>Down arrow / S</td><td>Move down</td></tr>
<tr><td>Space bar</td><td>Fire laser</td></tr>
<tr><td>Ctrl / Command</td><td>Drop bomb</td></tr>
</table>
<button id="button-about-close">Close</button>
</section>
</section>
<section class="footer">
<button id="button-about">About / Instructions</button>
<button id="button-mute">Mute Sounds</button>
</section>
</main>
</body>
</html>