This repository has been archived by the owner on Sep 21, 2020. It is now read-only.
-
Notifications
You must be signed in to change notification settings - Fork 0
/
Copy pathasteroids.html
84 lines (84 loc) · 3.54 KB
/
asteroids.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
<html>
<head>
<style>
@import url(style.css);
p.highlight {
color: red;
}
svg {
background-color: rgb(0, 0, 0);
}
</style>
<script src="svgelement.js"></script>
<script src="observable.js"></script>
<script src="asteroids.js"></script>
<script src="helperfunctions.js"></script>
</head>
<body>
<h1>Asteroids</h1>
<div style="width:600px">
<h5>Premise:</h5>
<p style="font-size:12px;">
The horrendous war between the evil galatic empire and your crew of misfits has resulted in
your ship being severely damaged. Just as you are retreating back to an outpost to repair the ship,
the mystical warlord general Mit traps you in his pocket dimension and unleashes waves of asteroids
in an attempt to destroy you.
</p>
<h5>Rules:</h5>
<ul>
<li style="font-size:12px">
You must survive 3 waves of asteroids, with each wave having more asteroids than the next. A big asteroid
will break down into two smaller ones when shot. When a smaller asteroid is shot by a laser it will be
destroyed
</li>
<li style="font-size:12px">
Your ship has been severely damaged, and to conserve power, shields have been reduced to only activate
when hit by an object. When the shield does activate, it can only last a certain amount of of time up to
a maximum of 3 seconds. When the ship is yellow, it means shields are active. The initial shield at the start
of the game will only last 3 seconds to prepare you for the battle
</li>
<li style="font-size:12px">
The auto-aim on the ship's laser has been damaged, and so the ship must come to a complete stop before
it is able to shoot off a laser i.e. the ship cannot move if it is shooting.
You also cannot shoot a laser if the ship's shields are up
</li>
<li style="font-size:12px">
The ship can only take up to 3 hits before it is fully destroyed
</li>
<li style="font-size:12px">
The pocket dimension wraps around the edges so you cannot escape until you destroy all the asteroids!
</li>
</ul>
<h5>Controls:</h5>
<ul>
<li style="font-size:12px">
w - move ship forward
</li>
<li style="font-size:12px">
a - rotate ship anti-clockwise
</li>
<li style="font-size:12px">
d - rotate ship clockwise
</li>
<li style="font-size:12px">
spacebar - shoot laser
</li>
</ul>
</div>
<div style="width:600px">
<p
style="float:right; color:rgb(0, 0, 0); font-size:30px;"
id="lives"
>
Lives: 🚀🚀🚀
</p>
<p
style="float:left; color:black; font-size:30px;"
id="waves"
>
Wave: 1
</p>
</div>
<svg id="canvas" width="600" height="600"/>
</body>
</html>