-
Notifications
You must be signed in to change notification settings - Fork 0
/
enemies.html
195 lines (185 loc) · 7.28 KB
/
enemies.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
107
108
109
110
111
112
113
114
115
116
117
118
119
120
121
122
123
124
125
126
127
128
129
130
131
132
133
134
135
136
137
138
139
140
141
142
143
144
145
146
147
148
149
150
151
152
153
154
155
156
157
158
159
160
161
162
163
164
165
166
167
168
169
170
171
172
173
174
175
176
177
178
179
180
181
182
183
184
185
186
187
188
189
190
191
192
193
194
195
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1">
<title>A Moth's Tale</title>
<link rel="icon" type="image/png" href="favicon.png">
<!-- style-->
<link rel="stylesheet" type="text/css" href="style.css">
<link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/font-awesome/4.7.0/css/font-awesome.min.css">
<script type="text/JavaScript" src="slider.js"></script>
<link rel="stylesheet" type="text/css" href="navbar.css">
<script src="https://code.jquery.com/jquery-3.3.1.js"></script>
</head>
<body onload="showSlides(1)">
<header>
<nav>
<div class="menu-icon">
<i class="fa fa-bars fa-2x"></i>
</div>
<div class="menu">
<ul>
<li><a href="index.html#">Home</a></li>
<li><a href="howToPlay.html">How To Play</a></li>
<li><a href="controls.html">Controls</a></li>
<li><a href="enemies.html">Lights and Enemies</a></li>
<li><a href="download.html">Download</a></li>
<li><a href="speedruns.html">Speedruns</a></li>
<li><a href="about.html">About Us</a></li>
</ul>
</div>
</nav>
</header>
<div class="main">
<div align="center" class="mainpage">
<br>
<!-- lights-->
<h1>Lights</h1>
<p>
Moths are <b>attracted</b> by light.<br>
You can't prevent yourself from flying into the alluring glow, even if it's dangerous for you!
<br><br>
There are 3 different types of lights to watch out for:
</p>
<table style="width:80%" id="lights">
<tr align="center">
<td style="width:33%"><img src="img/YellowLight.png" alt="yellow light"></td><!-- yellow light image-->
<td style="width:33%"><img src="img/RedLight.webp" alt="red light"></td><!-- red light image-->
<td style="width:33%"><img src="img/BlueLight.webp" alt="blue light"></td><!-- blue light image-->
</tr>
<tr style="font-family: cursive; vertical-align:top" align="center">
<td style="width:33%">
<h4>Yellow Light: Such a cozy glow! 💡</h4>
Street or miners lanterns are nothing but necessary for your journey.
Use these to refill your light meter before you die.<br>
A moth scared of the dark, who would have thought?
<br><br>
Find the next one as quickly as possible, as there is only very limited amount of time available.
Additionally, use the attraction for height boosts to get to places your wing flaps are not sufficient.
<br><br>
<u>Damage:</u> None<br>
<u>Helpfulness:</u> Essential to regenerate light
</td><!-- yellow light text-->
<td style="width:33%">
<h4>Red Light: Ouch, it burns! 🔥</h4>
Fires or lanterns with an open flame emit a warm, red light.
But don't let yourself be deceived - if you only as much as <i>touch</i> the outermost edge, the moth goes up in flames!
<br><br>
Leave the fire to cool down and stop burning,
or use it to your advantage to burn nasty <a href=#Blockages><b>spiderwebs</b></a> in the way of your progression.
<br><br>
<u>Damage:</u> 8HP every X second<br>
<u>Helpfulness:</u> Clearing spiderwebs
</td><!-- red light text-->
<td style="width:33%">
<h3>Blue Light: Beware of high voltage! ⚡</h3>
An electrical lantern is usually used by humans to get rid of little pests, among which they consider moths too.
This is how all your friends died that night.
<br><br>
Resist the attraction to the light, as it will <i>kill</i> you if you get too close.
Listen out for their characteristic electrical buzzing.<br>
Unfortunately you'll still need them sometimes to catapult yourself to a new location, proceed with caution!
<br><br>
<u>Damage:</u> Kill on touch<br>
<u>Helpfulness:</u> Low, but sometimes unavoidable to proceed
</td><!-- blue light text-->
</tr>
<tr align="center">
</tr>
</table>
<!-- enemies-->
<h1>Enemies</h1>
<p>
You are bound to meet other insects and creepy-crawlies along your journey.</br>
None of them are friendly though.
</p>
<table style="width:80%" id="lights">
<tr align="center">
<td style="width:50%"><img src="img/Bug.webp" alt="bug"></td><!-- bug image-->
<td style="width:50%"><img src="img/FlyingEnemy.webp" alt="flying enemy"></td><!-- flying enemy image-->
</tr>
<tr style="font-family: cursive; vertical-align:top" align="center">
<td style="width:50%">
<h3>Horn beetle</h3>
This fellow resides deep in the dark caverns, relentlessly crawling from side-to-side
and easily getting upset by unknown visitors.
If angry, it will home in directly towards you and throw you back with its strong horn.<br>
Doing massive damage and protected by its hard shell, it can easily become a major danger.
</td>
<td style="width:50%">
<h3>The Flyght</h3>
The menacing combination of a flying ant and an electrical light.
<br>
Seeing the blue glow you may find yourself attracted to it
and victim to the main method of hunting by the flyght.
Just keep your distance, as the flyght will only fly its own path.
</td>
</tr>
<tr align="center">
</tr>
</table>
<h1>Blockages</h1>
<p>
Aside from the previously described, common obstacles may also block your way.<br>
Finding a way to circumvent them is your task.
</p>
<table style="width:80%" id="lights">
<tr align="center">
<td style="width:50%"><img style="display:block;" src="img/spiderweb.webp" alt="spiderweb"></td>
<td style="width:50%"><img src="img/spikes.webp" alt="spikes"></td>
</tr>
<tr style="font-family: cursive; vertical-align:top" align="center">
<td style="width:50%">
<h3>Spiderwebs</h3>
Luckily there are no spiders nearby, but these fine structures<br>
are still interfering with your journey
as they prevent you from further progressing.<br>
Use fire (red lights) to your advantage to burn them.
</td>
<td style="width:50%">
<h3>Spikes</h3>
Honestly, not much too say about this one.<br>
Just don't fall into them...<br>
From plains, grassy wetlands or caves, these plants grow everywhere, so watch out!
</td>
</tr>
<tr align="center">
</tr>
</table>
<footer>
<hr class="horizontal line">
<!-- credits-->
<table>
<tr>
<h1><b>Credits</b></h1>
</tr>
<tr>
<td>Achilleas Tagalidis</td>
</tr>
<tr>
<td>Alexander Ritter</td>
</tr>
<tr>
<td>Elias Altmann</td>
</tr>
<tr>
<td>Jason Pywell</td>
</tr>
<tr>
<td>Nicole Bretz</td>
</tr>
<tr>
<td>Regine Lendway</td>
</tr>
<tr>
<td>Samuel Scheer</td>
</tr>
</table>
<p>Project for Praktikum Computerspiele & Visual Effects / Computergrafik at the Eberhard Karl University of Tübingen</p>
</footer>
</div>
</div>
<script type="text/JavaScript" src="navbar-responsive.js"></script
</body>
</html>