-
Notifications
You must be signed in to change notification settings - Fork 2
/
spaceshooter.html
77 lines (77 loc) · 4.96 KB
/
spaceshooter.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
<!DOCTYPE html>
<html>
<head>
<title>SPACE'EM: HTML5 Space Shooter</title>
<link rel="stylesheet" type="text/css" href="spaceshooter.css">
<link rel="shortcut icon" type="image/x-icon" href="images/favicon.ico">
</head>
<body>
<canvas id="field" width="600" height="600"></canvas>
<div id="healthbar"><div id="health"></div></div>
<div id="lives"><img id="life0" src="images/starship.png"><img id="life1" src="images/starship.png"><img id="life2" src="images/starship.png"></div>
<div id="level">Level 1</div>
<div id="combo">+0</div>
<div id="score">0</div>
<section class="overlay" id="start">SPACE'EM<div class="underneath">HTML5 SPACE SHOOTER</div><div class="underneath" id="begin"><a href="javascript: void(0)">Begin Game</a></div><div class="underneath" id="credits_link"><a href="javascript: void(0)">Credits</a></div><div class="underneath"><a href="https://github.com/Gaurav0/ACM-Space-Shooter">Source Code</a> Contributors Welcome!</div></section>
<section class="overlay" id="end">Game Over<div class="underneath" id="restart"><a href="javascript: void(0)">Restart Game</a></div></section>
<section class="overlay" id="pause">Paused<div class="underneath" id="resume">Press ESC to resume</div></section>
<section class="overlay" id="credits">
<h1>Contributors</h1>
<ul>
<li>Gaurav Munjal</li>
<li>Jeremy Neiman</li>
<li>Alamgir Hossain</li>
<li>Linda Wong</li>
<li>Karim Razek</li>
<li>Mauro Oviedo</li>
<li>Yuriy Stejko</li>
<li>Carlos Moreaux</li>
</ul>
<h1>Art Credits</h1>
<ul>
<li><a href="http://opengameart.org/content/space-starter-kit">Space Starter Kit</a> by Thomas Glansch (Cruzr)</li>
<li><a href="http://webtreats.mysitemyway.com/tileable-classic-nebula-space-patterns">Background</a> by WebTreatsETC</li>
<li><a href="http://opengameart.org/content/asteroid-rotating">Asteroid</a> by Damon Czanik</li>
<li><a href="http://opengameart.org/content/more-rpg-enemies">Enemies</a> by Stephen Challener (RedShrike)</li>
<li><a href="http://opengameart.org/content/gaia-free-boss-monster">Gaia Boss Monster</a> by Antifarea</li>
<li><a href="http://opengameart.org/content/colorized-boss-sprites">Second Boss</a> by Scrittl and Atrus</li>
<li><a href="http://opengameart.org/content/explosion">Explosion Spritesheet</a> by Cuzco</li>
<li><a href="http://opengameart.org/content/fireball-spell">Fireball</a> by Clint Bellanger</li>
<li><a href="http://opengameart.org/content/through-space">Background Music</a> by maxstack</li>
<li><a href="http://opengameart.org/content/hold-line-boss-theme">Boss Music</a> by Bart Kelsey</li>
<li><a href="http://opengameart.org/content/4-projectile-launches">Torpedo Launch</a> by Michel Baradari</li>
<li><a href="http://opengameart.org/content/spell-4-fire">Fireball Launch</a> by Bart Kelsey</li>
<li><a href="http://opengameart.org/content/2-explosions">Explosion Sound</a> by Michel Baradari</li>
<li><a href="http://opengameart.org/content/win-sound-2">Drop Received Sound</a> by remaxim</li>
<li><a href="http://www.fontspace.com/bridgeco/shear-15">Shear 15 Font</a> by BridgeCo</li>
</ul>
</section>
<audio id="boom" preload="auto">
<source src="audio/explosion.mp3" type="audio/mp3">
<source src="audio/explosion.ogg" type="audio/ogg">
</audio>
<audio id="launch" preload="auto">
<source src="audio/launch.mp3" type="audio/mp3">
<source src="audio/launch.ogg" type="audio/ogg">
</audio>
<audio id="powerup" preload="auto">
<source src="audio/powerup.mp3" type="audio/mp3">
<source src="audio/powerup.ogg" type="audio/ogg">
</audio>
<audio id="foom" preload="auto">
<source src="audio/foom.mp3" type="audio/mp3">
<source src="audio/foom.ogg" type="audio/ogg">
</audio>
<audio id="loop" preload="auto" loop="loop">
<source src="audio/through_space.mp3" type="audio/mp3">
<source src="audio/through_space.ogg" type="audio/ogg">
</audio>
<audio id="boss" preload="auto" loop="loop">
<source src="audio/boss.mp3" type="audio/mp3">
<source src="audio/boss.ogg" type="audio/ogg">
</audio>
<div id="mouse_ctrl"><label><input type="checkbox" id="mouse_en">Enable Mouse Control</label></div>
<iframe class="FlattrButton" src="http://tools.flattr.net/widgets/thing.html?thing=1211153" width="228" height="130"></iframe>
<script type="text/javascript" src="spaceshooter.js"></script>
</body>
</html>