-
Notifications
You must be signed in to change notification settings - Fork 0
/
index.html
35 lines (35 loc) · 1.68 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
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01//EN" "http://www.w3.org/TR/html4/strict.dtd">
<html>
<head>
<meta http-equiv='Content-Type' content='text/html;charset=utf-8'>
<title>Snake</title>
<script type='text/javascript' src='score.js'></script>
<script type='text/javascript' src='game.js'></script>
<script type='text/javascript' src='graphics.js'></script>
</head>
<body>
<h1>Snake</h1>
<div id='info'>
To move the snake, use WASD or ↑←↓→, or click on the board. To pause, press space, or click on the snake.<br>
Your score is <b><span id='score'></span></b>.<br>
</div>
<div id='main'>
<div id='game' style='float: left;'></div>
<div id='sidebar'>
<div id='legend'>
<table>
<tr style='height: 10px;'><td style='width: 10px; background-color: #000000;'></td><td>Background</td></tr>
<tr style='height: 10px;'><td style='width: 10px; background-color: #ff0000;'></td><td>Snake</td></tr>
<tr style='height: 10px;'><td style='width: 10px; background-color: #00ff00;'></td><td>Apple</td></tr>
<tr style='height: 10px;'><td style='width: 10px; background-color: #0000ff;'></td><td>Poison apple</td></tr>
<tr style='height: 10px;'><td style='width: 10px; background-color: #8B5A00;'></td><td>Tar - temporarily slows you down</td></tr>
<tr style='height: 10px;'><td style='width: 10px; background-color: #ffffff; border: solid; border-width: 1px; border-color: black;"'></td><td>Magic - temporarily makes you invincible</td></tr>
</table>
</div>
<div id='message'></div>
</div>
</div>
<script type='text/javascript' src='main.js'></script>
<script type='text/javascript' src='keyboard.js'></script>
</body>
</html>