-
Notifications
You must be signed in to change notification settings - Fork 0
/
Copy pathindex.html
50 lines (50 loc) · 2.24 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
<!DOCTYPE html>
<html lang="cs">
<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">
<link rel="preconnect" href="https://fonts.googleapis.com">
<link rel="preconnect" href="https://fonts.gstatic.com" crossorigin>
<link href="https://fonts.googleapis.com/css2?family=Press+Start+2P&display=swap" rel="stylesheet">
<meta name="description" content="Two-player, one-keyboard Fighting game">
<meta name="author" content="Michael Cirkl with the assets of Chriss Ullyseo">
<title>Assassin Fighter</title>
<script src="https://cdnjs.cloudflare.com/ajax/libs/gsap/3.9.1/gsap.min.js" integrity="sha512-H6cPm97FAsgIKmlBA4s774vqoN24V5gSQL4yBTDOY2su2DeXZVhQPxFK4P6GPdnZqM9fg1G3cMv5wD7e6cFLZQ==" crossorigin="anonymous" referrerpolicy="no-referrer" defer></script>
<script src="./js/utilityFunctions.js" defer></script>
<script src="./js/Sprite.js" defer></script>
<script src="./js/Fighter.js" defer></script>
<script src="./js/script.js" defer></script>
<link rel="stylesheet" href="styles.css">
</head>
<body>
<main id="main">
<section id="ui">
<div class="placeHolderParent playerParent" >
<div id="playerHealth"></div>
<div id="playerBar"></div>
</div>
<div id="timer"></div>
<div class="placeHolderParent enemyParent">
<div id="enemyHealth"></div>
<div id="enemyBar"></div>
</div>
</section>
<div id="label">
<div id="gameOver">GAME OVER</div>
<div id="whoWon"></div>
</div>
<canvas id="canvas"></canvas>
</main>
<section class="controls">
<h1>This game is for two players</h1>
<p class="description">The red player is controlled by WAD and attacks with Spacebar, the green player is controlled by arrow keys and attacks with the down arrow key.</p>
<p class="tip">You can restart the game by reloadign the page, e.g. F5</p>
</section>
<section class="controls">
<h1>Hra je pro dva hráče</h1>
<p class="description">Červený hráč se ovládá WAD a útočí mezerníkem, Zelený hráč se ovládá Šipkami a útočí šipou dolů.</p>
<p class="tip">Hru obnovíte restartováním stránky, např. F5</p>
</section>
</body>
</html>