-
Notifications
You must be signed in to change notification settings - Fork 0
/
index.html
70 lines (67 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
<!DOCTYPE html>
<html>
<head>
<meta charset="UTF-8">
<meta http-equiv="X-UA-Compatible" content="IE=edge">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<title>Space Shooter</title>
<link rel="shortcut icon" href="assets\icon\spaceship.ico">
<link rel="stylesheet" href="style.css">
</head>
<body>
<h1 id="gameName">Space Shooter</h1>
<canvas id="canvas1"></canvas>
<!-- Buttons -->
<button id="play_button">Play</button>
<button id="howto_button">How To</button>
<button id="score_button">Score</button>
<button id="howtoback_button">Back</button>
<button id="home_button">
<img src="assets/icon/icons8_home_32px.png" alt="Home Icon">
</button>
<button id="retry_button">
<img src="assets/icon/icons8_rotate_32px_1.png" alt="Retry Icon">
</button>
<!-- Shield -->
<img id="shield" src="assets/playerShip/shield.png">
<!-- Characters -->
<img id="playerShip1" src="assets/playerShip/playerShip1.png">
<img id="playerShip2" src="assets/playerShip/playerShip2.png">
<img id="playerShip3" src="assets/playerShip/playerShip3.png">
<img id="playerShip4" src="assets/playerShip/playerShip4.png">
<img id="enemy1" src="assets/enemy/enemy1.png">
<img id="enemy2" src="assets/enemy/enemy2.png">
<img id="enemy3" src="assets/enemy/enemy3.png">
<img id="enemy4" src="assets/enemy/enemy4.png">
<!-- Meteor -->
<img id="meteorBrown1" src="assets/meteor/meteorBrown1.png">
<img id="meteorBrown2" src="assets/meteor/meteorBrown2.png">
<img id="meteorGrey1" src="assets/meteor/meteorGrey1.png">
<!-- Power up -->
<img id="boltGold" src="assets/powerUp/boltGold.png">
<!-- Props -->
<img id="laserBlue01" src="assets/laser/laserBlue01.png">
<!-- Environment -->
<img id="background" src="assets/background/background.png">
<img id="background_empty" src="assets/background/background_empty.png">
<img id="howto_image" src="assets/background/howTo.png">
<!-- Explosions -->
<img id="smokeExplosion1" src="assets/explosion/smokeExplosion_1.png">
<img id="smokeExplosion2" src="assets/explosion/smokeExplosion_2.png">
<img id="smokeExplosion3" src="assets/explosion/smokeExplosion_3.png">
<img id="fireExplosion" src="assets/explosion/fireExplosion.png">
<!-- Sounds -->
<audio id="shot" src="assets/sound/shot.wav"></audio>
<audio id="powerup" src="assets/sound/powerup.wav"></audio>
<audio id="powerdown" src="assets/sound/powerdown.wav"></audio>
<audio id="smokeExplosion" src="assets/sound/smokeExplosion.wav"></audio>
<audio id="hit" src="assets/sound/hit.wav"></audio>
<audio id="shieldSound" src="assets/sound/shield.wav"></audio>
<audio id="backgroundmusic" src="assets/sound/backgroundmusic.mp3"></audio>
<audio id="buttonclick" src="assets/sound/buttonclick.mp3"></audio>
<audio id="winSound" src="assets/sound/win.wav"></audio>
<audio id="looseSound" src="assets/sound/loose.wav"></audio>
<!-- Script -->
<script src="script.js"></script>
</body>
</html>