-
Notifications
You must be signed in to change notification settings - Fork 0
/
index.html
312 lines (297 loc) · 18.9 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
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
196
197
198
199
200
201
202
203
204
205
206
207
208
209
210
211
212
213
214
215
216
217
218
219
220
221
222
223
224
225
226
227
228
229
230
231
232
233
234
235
236
237
238
239
240
241
242
243
244
245
246
247
248
249
250
251
252
253
254
255
256
257
258
259
260
261
262
263
264
265
266
267
268
269
270
271
272
273
274
275
276
277
278
279
280
281
282
283
284
285
286
287
288
289
290
291
292
293
294
295
296
297
298
299
300
301
302
303
304
305
306
307
308
309
310
311
312
<!DOCTYPE html>
<html lang="pl-PL">
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<title>Ultimate Dragon Slayer</title>
<link rel="stylesheet" type="text/css" href="scss/style.css">
<script src="js/jquery-2.2.4.min.js"></script>
<script src="js/perfect-scrollbar.jquery.min.js"></script>
<script src="js/app.js"></script>
</head>
<body>
<!-- <div id="bodyBckgrnd"></div>-->
<div id="fade"></div>
<!--Nawigacja-->
<nav>
<div class="mainWidth">
<ul>
<li class="navigation" data-id="1">Obwieszczenia</li>
<li class="navigation" data-id="2">Historia</li>
<li class="navigation" data-id="3">Ognisko</li>
<li class="navigation" data-id="5">Kuźnia</li>
<li class="navigation" data-id="4">Jaskinia</li>
</ul>
</div>
</nav>
<!--Strona główna-->
<section id="tab_1" class="tabs">
<div class="mainWidth">
<div class="paper container">
<div class="content">
<h3>15. lipca 2016 r.</h3>
<p>Opublikowano wersję 1.0:
<br>- dodano kowala i system ekwipunku dla bohaterów,
<br>- usprawniono silnik gry, zwiększając szanse na trafienie poszczególnych części ciała smoka,
<br>- zwiększono zręczność wojownika i rycerza,
<br>- skrócono odstępy pomiędzy atakami smoka i gracza,
<br>- nieznacznie wydłużono czas wyświetlania celowników,
<br>- dodano animowane tło dla przeglądarek Chrome, Opery i IE.</p>
<br>
<h3>14. lipca 2016 r.</h3>
<p>Symulator walki ze smokiem został udostępniony w bardzo podstawowej wersji i mogą pojawić się nieznaczne trudności w jego działaniu na przeglądarkach innych niż Chrome. Gra na razie nie jest obsługiwana na rozdzielczościach węższych niż 1200px.</p>
</div>
</div>
</div>
</section>
<!--Historia i instrukcja gry-->
<section id="tab_2" class="tabs">
<div class="mainWidth">
<div class="paper container">
<div class="content">
<p>To zwyczajna historia, która mogła przydarzyć się każdemu z nas. Gdy do spokojnej i malowniczej krainy przybywa smok, jej mieszkańcy przeczuwają, że potworowi nie należy ufać. Już pierwszego dnia swojego pobytu w nowym miejscu smok rozpala do czerwoności jedną z tutejszych wiosek. Ten występek sprawia, że ludzie zaczynają traktować bestię z dystans<del>em</del><ins>u</ins>, najczęściej strzałami, nachodzą ją w nocy z widłami i obrzucają obelżywymi tekstami.
<br>
<br>
Czy narastający konflikt jest tylko preludium do poważnego dramatu, który odciśnie niezmywalne piętno na mieszkańcach tej coraz mniej cichej i coraz mniej uroczej krainy?
<br>
<br>Czy znajdzie się ktoś, kto uwolni którąkolwiek ze stron konfilktu od bólu istnienia?
<br>
<br>Czy tym kimś będziesz Ty?
<br>
<br>
<strong>Instrukcje:</strong>
<br>Przed przystąpieniem do walki, musisz wybrać przy ognisku jednego z trzech śmiałków, którzy chętnie będą walczyć pod Twoim dowództwem.
<br>
<br><strong>Wojownik</strong> dysponuje ogromną siłą, lecz ciężar jego dwuręcznego miecza uniemożliwia mu wyprowadzanie szybkich ataków i zręczne unikanie ciosów smoka. Z tego powodu nie nosi pancerza, który dodatkowo ograniczałby jego sprawność.
<br>
<br><strong>Rycerz</strong> to doświadczony pogromca smoków. Jest silny i wytrzymały, jednak ciężka płytowa zbroja znacznie ogranicza jego zręczność.
<br>
<br><strong>Łowca</strong> nie potrafi co prawda wyprowadzać potężnych ataków, ale jego nieprawdopodobna zręczność sprawia, że z łatwością unika smoczych uderzeń i mając więcej czasu, by dokładnie trafić w cel, odpowiada szybkimi i skutecznymi ciosami. Lekka skórzana zbroja nieco zwiększa jego szansę na przetrzymanie prób smoka, jednak daleko jej do ochrony jaką daje płytowa zbroja.
<br>
<br>
<strong>Kowal</strong> stara się stopniowo powiększać lub zmienia swoją ofertę. Można u niego nabyć zarówno doskonałe wyroby własne, jak i perełki znalezione od kupców z całego świata. Każdy z przedmiotów może polepszać lub pogarszać określone statystyki. Pamiętaj, że gdy postać ginie, wraz z nią przepada ekwipunek, w który została wyposażona, a także wydane na niego pieniądze. Staraj się nie pozbywać całej kwoty na uzbrojenie jednego bohatera. Dobrze dobrany sprzęt to klucz do sukcesu.
<br>
<br>
<strong>Walka</strong> nie jest łatwa i wymaga dobrego refleksu i precyzji. Pojedynek polega na trafianiu w poszczególne części ciała smoka, dopóki jedna ze stron nie zginie. Miejsca, w które należy celować wyświetlają się losowo i bohater ma tylko chwilę na uderzenie w dany punkt (uderzenie odbywa się poprzez kliknięcie na wyświetlającą się ikonę celownika). Czas i częstotliwość pojawiania się celów zależy od zręczności bohatera.
<br>
<br>Samo kliknięcie celownika nie oznacza jeszcze ataku zakończonego trafieniem i zadaniem obrażeń. Trudność trafienia zależy od części ciała smoka, która została zaatakowana.
<br>
<strong>Brzuch</strong> smoka jest pokryty twardą skórą i łuskami, jednak w paru miejscach łuski odpadły, odsłaniając jego ciało. To bardzo wrażliwe punkty, choć trafienie w nie graniczy z cudem.
<br>
<strong>Głowa</strong> smoka pozostaje w ciągłym ruchu i trudno jest ją zaatakować, gdy po drodze czekają na śmiałka łapy bestii. Niemniej dobrze wyprowadzony cios może znacząco przybliżyć smoka do kresu jego ziemskiej wędrówki.
<br>
<strong>Łapy</strong> smoka nieustannie próbują sięgnąć bohatera, dlatego próby skaleczenia ich mają spore szanse powodzenia.
<br>
<strong>Trzon skrzydła</strong> smoka ze względu na swoje położenie jest trudny do trafienia, aczkolwiek można nim wyrządzić sporą krzywdę potworowi.
<br>
<strong>Skrzydło</strong> smoka jest łatwym celem, jednak istnieje spore prawdopodobieństwo, że bestia nawet go nie odczuje.
</p>
</div>
</div>
</div>
</section>
<!--Ekran wyboru postaci-->
<section id="tab_3" class="tabs">
<div class="mainWidth">
<div class="background">
<img src="images/1.gif" id="fire">
<img src="images/moon1.png" id="moon">
<img src="images/tree1.png" id="tree1">
<img src="images/tree2.png" id="tree2">
<img src="images/tree3.png" id="tree3">
<img src="images/tree3.png" id="tree4">
<img src="images/tree5.png" id="tree5">
<img src="images/tree5.png" id="tree6">
<img src="images/tree4.png" id="tree7">
</div>
<div class="fireplace">
<div id="barbarian" class="character">
<input type="radio" name="hero" value="barbarian" id="barbFight">
<label for="barbFight">
<img src="images/barbface.png" class="face">
<p>Wojownik</p>
<img src="images/ikona.png" class="chosen">
</label>
<div class="shadow"></div>
</div>
<div id="knight" class="character">
<input type="radio" name="hero" value="knight" id="knightFight">
<label for="knightFight">
<img src="images/knightface.png" class="face">
<p>Rycerz</p>
<img src="images/ikona.png" class="chosen">
</label>
<div class="shadow"></div>
</div>
<div id="rogue" class="character">
<input type="radio" name="hero" value="rogue" id="rogFight">
<label for="rogFight">
<img src="images/rogface.png" class="face">
<p>Łowca</p>
<img src="images/ikona.png" class="chosen">
</label>
<div class="shadow"></div>
</div>
</div>
</div>
</section>
<!--Ekran doboru ekwipunku-->
<section id="tab_5" class="tabs">
<div class="mainWidth">
<div id="blacksmith"></div>
<div class="paper">
<div id="paperSmith">
<div id="messageSmith" class="container">
<div class="content"></div>
</div>
</div>
<!--Ekwipunek na sprzedaż-->
<div id="cont1" class="container">
<div id="list1" class="content">
<div class="slot armor" data-type="armor" data-price="100" id="item_0">
<img src="images/armor_1.png">
<div class="description">
Zbroja ze wzmacnianej skóry, która gwarantuje minimalną obronę przed atakami i nie ogranicza ruchów.
<p>Cena: 100 monet</p>
</div>
<a class="moveBtn">Kup</a>
</div>
<div class="slot armor" data-type="armor" data-price="300" id="item_1">
<img src="images/armor_2.png">
<div class="description">
Ciężka płytowa zbroja. Ogranicza ruchy, ale stanowi solidną ochronę przed ciosami przeciwników.
<p>Cena: 300 monet</p>
</div>
<a class="moveBtn">Kup</a>
</div>
<div class="slot shield" data-type="shield" data-price="700" id="item_2">
<img src="images/shield_1.png">
<div class="description">
Ciężka, ale solidna krasnoludzka tarcza znaleziona w ruinach Wilczego Leża na południu. Oby przyniosła Ci więcej szczęścia, niż poprzedniemu właścicielowi.
<p>Cena: 700 monet</p>
</div>
<a class="moveBtn">Kup</a>
</div>
<div class="slot shield" data-type="shield" data-price="400" id="item_3">
<img src="images/shield_2.png">
<div class="description">
Lekka hebanowa tarcza. Być może nie uratuje Ci życia, ale jej okutymi brzegami można z powodzeniem wspomagać się w ataku na przeciwnika.
<p>Cena: 400 monet</p>
</div>
<a class="moveBtn">Kup</a>
</div>
<div class="slot sword" data-type="sword" data-price="1000" id="item_4">
<img src="images/sword_1.png">
<div class="description">
Blada Sprawiedliwość. Legendarny miecz z Doliny Lodowego Wichru. Został wykradziony z grobowca poległego Paladyna i mimo upływu lat zachował swoją pierwotną ostrość i magiczne właściwości. Jeśli jesteś prawym człowiekiem, ten miecz okaże się dla Ciebie potężnym sprzymierzeńcem.
<p>Cena: 1000 monet</p>
</div>
<a class="moveBtn">Kup</a>
</div>
<div class="slot sword" data-type="sword" data-price="900" id="item_5">
<img src="images/sword_2.png">
<div class="description">
Łowca Dusz. Niewiele wiadomo o jego pochodzeniu. Żłobienia na klindze sugerowałyby, że jest to dzieło Dwemerów, jednak wątpię, by ostrze wytrzymało tyle lat w tak dobrym stanie. Ciężki, ale skuteczny oręż.
<p>Cena: 900 monet</p>
</div>
<a class="moveBtn">Kup</a>
</div>
<div class="slot ruby" data-type="ruby" data-price="200" id="item_6">
<img src="images/ruby_1.png">
<div class="description">
To chyba najpotężniejszy przedmiot, jaki mogę Ci zaoferować. Podobno w tym amulecie drzemie niezrównana pradawna moc, która rozlewa się na jego posiadacza. Gdzieś musi jednak tkwić haczyk, prawda? Podobno ma się wrażenie, że jego oko zagląda w głąb Twojej duszy. Krążą plotki, że jest przeklęty, ale kto by w to wierzył?
<p>Cena: 200 monet</p>
</div>
<a class="moveBtn">Kup</a>
</div>
<div class="slot ruby" data-type="ruby" data-price="400" id="item_7">
<img src="images/ruby_2.png">
<div class="description">
Amulet leśnych elfów. Podobno sprawia, że jego posiadacz ma w sobie więcej życia. Na sobie nie sprawdzałem, bo nie chciałem go zużyć, ale położyłem go ostatnio na zdechłym szczurze i nic się nie stało. Hehe.
<p>Cena: 400 monet</p>
</div><a class="moveBtn">Kup</a>
</div>
<div class="slot sword" data-type="sword" data-price="400" id="item_8">
<img src="images/sword_3.png">
<div class="description">
Lekkie elfickie ostrze. Uważam, że to kawał dobrej roboty, choć jednym uderzeniem raczej nie odrąbie głowy smoka.
<p>Cena: 400 monet</p>
</div>
<a class="moveBtn">Kup</a>
</div>
<div class="slot shield" data-type="shield" data-price="300" id="item_9">
<img src="images/shield_3.png">
<div class="description">
Tarcza, którą jeden z kupców w Vvardenfell dorzucił mi do transkacji w ramach rozliczenia. Wygląda na solidną, choć osobiście nie zaufałbym używanej tarczy, która "zgubiła" swojego właściciela.
<p>Cena: 300 monet</p>
</div>
<a class="moveBtn">Kup</a>
</div>
</div>
</div>
<!--Zakupiony ekwipunek-->
<div id="cont2" class="container">
<div id="list2" class="content">
</div>
</div>
<!--Portfel gracza-->
<div id="playerPocket">
Twoje złoto: <span id="money">1500</span>
</div>
</div>
</div>
</section>
<!--Ekran walki ze smokiem-->
<section id="tab_4" class="tabs">
<div class="mainWidth">
<div class="cave">
<div id="entrance">
<div id="callTheDragon">Zawołaj smoka</div>
</div>
<div id="dragon">
<div id="dbody"></div>
<div class="crosshair" data-chance="0.1" data-points="10"></div>
<div id="dhead"></div>
<div class="crosshair" data-chance="0.4" data-points="3"></div>
<div id="dhand"></div>
<div class="crosshair" data-chance="0.8" data-points="2"></div>
<div id="dleftWing"></div>
<div class="crosshair" data-chance="0.3" data-points="4"></div>
<div id="drightWing"></div>
<div class="crosshair" data-chance="0.95" data-points="1"></div>
<div id="dragonHpBar">
<div id="dragonHpLeft"></div>
<div class="nameBack"></div>
<div class="iconBack"></div>
<div id="dragonIcon"></div>
<div id="dragonName">Smok</div>
<div class="bar"></div>
</div>
</div>
<div id="defend">
<div id="shield"></div>
<div id="dodge"></div>
<div id="playerHpBar">
<div id="playerHpLeft"></div>
<div class="nameBack"></div>
<div class="iconBack"></div>
<div id="barbIcon"></div>
<div id="knightIcon"></div>
<div id="rogIcon"></div>
<div id="name"></div>
<div class="bar"></div>
</div>
</div>
</div>
</div>
<!--Asystent walki-->
<div id="helper">
<div id="squire"></div>
<div id="paper">
<div id="message" class="container">
<div class="content"></div>
</div>
</div>
</section>
</body>
</html>