-
Notifications
You must be signed in to change notification settings - Fork 1
/
Copy pathindex.html
106 lines (105 loc) · 6.57 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
93
94
95
96
97
98
99
100
101
102
103
104
105
106
<!doctype html>
<html lang="">
<head>
<meta charset="utf-8">
<meta http-equiv="X-UA-Compatible" content="IE=edge">
<title></title>
<meta name="description" content="">
<meta name="viewport" content="width=device-width, initial-scale=1, maximum-scale=1, user-scalable=0"/>
<link rel="stylesheet" href="assets/css/main.css">
</head>
<body>
<div id="viewport">
<div class="hi" id="hi-score">High Score: <span id="score-number">0</span></div>
<div class="hi" id="hi-wave">Highest Wave: <span id="wave-number">0</span></div>
<div id="game-container" style="">
<canvas id="bg" width="400" height="300"></canvas>
<canvas id="main-0" class="m" width="400" height="300"></canvas>
<canvas id="main-1" class="m" width="400" height="300"></canvas>
<canvas id="main-2" class="m" width="400" height="300"></canvas>
<canvas id="main-3" class="m" width="400" height="300"></canvas>
<canvas id="hud-canvas" width="425" height="300"></canvas>
<canvas id="effects" width="400" height="300"></canvas>
<div id="messenging">
<h1></h1>
<h4></h4>
</div>
<div id="title-screen">
<div class='title'>
<h1>The Elemental Vanguard</h1>
<p class="justify">You are the first line of defense against an invasion of baddies that threaten your civilization's very existence. Armed with only your trusty laser and elemental weaponry, you must destroy as many enemies as you can before it's too late...</p>
<h2>Objectives</h2>
<ul>
<li><b>Keep your hero alive.</b> Colliding with enemy vessels will result in death.</li>
<li><b>Keep enemies way from your planet.</b> Letting 10 enemy vessels get by you will result in mission failure.</li>
</ul>
<p>Make no mistake, you will die on this mission as a member of the Vanguard. The question is how long will you last?</p>
<p>You can disptach enemies with your laser or one of four elemental weapons. All elemental weapons have a 20 second cooldown after their effects have taken place. Enemies affected by elemental weaponry do not award points.</p>
<br><br><br>
<p><em>(Press Enter to continue)</em></p>
</div>
<div class="title">
<h1>Controls</h1>
<table>
<tr>
<th>Key</th>
<th>Effect</th>
</tr>
<tr>
<td>Left and Right cursors</td>
<td>Move your hero's ship</td>
</tr>
<tr>
<td>Spacebar</td>
<td>Fire laser</td>
</tr>
<tr>
<th colspan="2">Elemental Weapons (20 second cooldown)</th>
</tr>
<tr>
<td>1</td>
<td>Earth: fling asteroids at your enemies</td>
</tr>
<tr>
<td>2</td>
<td>Water: slow all enemies for 10 secs</td>
</tr>
<tr>
<td>3</td>
<td>Air: stop on-screen enemies and prevent new enemies for 10 secs</td>
</tr>
<tr>
<td>4</td>
<td>Fire: destroy all on-screen enemies and hero is invincible for 10 secs</td>
</tr>
</table>
<br>
<p><em>(Press Enter to Start Game)</em></p>
</div>
</div>
</div>
<ul id="hud" class="hud">
<li id="earth" class="ico">
<div class="s-attack" id="attack-e">1</div>
</li>
<li id="water" class="ico">
<div class="s-attack" id="attack-w">2</div>
</li>
<li id="air" class="ico">
<div class="s-attack" id="attack-a">3</div>
</li>
<li id="fire" class="ico">
<div class="s-attack" id="attack-f">4</div>
</li>
<li id="enemies-passed">
Enemies let by: 0
</li>
<li id="score">
Score: 99999
</li>
</ul>
</div>
<img alt="" id="player-img" src="data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABoAAAAaCAIAAAAmKNuZAAAABnRSTlMA/wD/AP83WBt9AAAEn0lEQVR4Aa1UC0xTVxi+jCxkLNkSEnxsU5zQjZeFa8ujK4XKykKh3LVUiDbYBShNCnTiaGlpeFRairzkoasMBEGMGURnDOJjLLBolhhBo0LGxqBgGEwe4piQbAy4+xibYalZybITQv7zn+985/u//78l6P91bYru6YO+odZT/4Xu95WlzuGGwenejckz+dllyQm2/nv2MAd0jf251SueiruuM4uT2M7Oznb23KhsaWy5ekVVqO+937cRdugO8Xh+/N/oPu+vPTK6JftOyLNff8b2XOvZE0V5jXV1lzouZ8sOFORkDQz2I395qD7d9mryBf+5hVkH3hV9G35pvAxB+/m2nvNndfceslLTjEeLeG0XTQWG4/nmpaXfcJrVy7DN3XfcisHx218+bLaNjZQcySq3jbnT9PZQTrO5mKTp1691qWUH6hs/fTT9Xc9Q68zcpGO68ZGfao/VfxDM0tbWhNG0y90BMiCgqOQYYuepeW+KEgQy05IyOy92P5l+6phubGxU/bGa/eY2YWXV2zTt1NfPJklleQVi5+EfQcf18gwg99R9dmpq6rFjOpQJOp+dO94XS5yMZiJLw+LtS1coXE0liN/hhbMZDCaTWVV9fGJiYlN0ijTFWx47hRERMi4XZmVkqkFnOJT0UWwsRVHePu/6+vlaSoo3RTds+0GpSnVzc5NIJGWlpU2nTxcWFkIvhqamqkqlUuElf6av2WLaFB0caWlt2u3lIRaLTSYTGOVy+fMYwnEUnyj+5vYtBx8ZdOHvl2fzgL7H4yQmJhiNRqlMQsp37c3cHnkwXKfTKZVKSIN8wADGVL+AbnV19YuO9hSlHH8HkxIjBXyRSJScnCyiROxEv6h25/ibBFvrTu2Pg9JoYTTsC4vgxEmjo+ME1oZaXP8H3bWuK/ACOCiSSqVBQUFRUVGIwUV9RRhWCe08oX5CQCNO0Q2SJAFGAKRCmdLQYv2LbmVl5Vxbs9VqzchMl8lkEMXjhWEOuFwuYihKGyUyHhEpDwjtIrGv3hVJLBaLFRISEhMTg3bhVW2OJr8od3l5mSirNutytQaDIS8vT6/XczihgIIO6mA/1MVchTpw/alOsQvJdfkQCEa4qdFo0B9ULUuVEnAaHmFvsVjQO4BAhwWNEIvHQxP2QhRKRqVoKFqBl8i/F64Um81A8vn8HZ7bCGq/EOKxhzTMFHQBhMcRII+JW+8sqkZn1zHPuYDBFpXhOszx2eNFCGJ4eC1WJESZmACMO0DrUJCilvKKio1zB7/QVpwCiQD/0WJKvOb4Gl0wLxCTUX2ysrSy+Oub3Q1n6vAAvvBgTgjWukCUAwloF3ihAqcgYnGY+BXAFVzErICE4e9BIIum0BsWet3Vc13wYfQb3gwJRaEc+AV/USma6EMGII8rC4sLG28Zi/PW6JjB3tl6NW23WptOuLk4ezEDwvmRr2zxc3l5K35XIBkBj+1njzcc1azR+ZC7Mw4r7Y8bagvaFS/h82R4btWJiJwUpzB3AuYejnRSRb1mj4emNTphPP+F6kZHvh8oF0zNTE5OjHeruR3awBsnLcjfqoi/XlNgj9cXfgLT/wCRKf7YWQn2iwAAAABJRU5ErkJggg==" />
<script type="text/javascript" src="assets/js/js13k.js"></script>
</body>
</html>