-
Notifications
You must be signed in to change notification settings - Fork 0
/
Copy pathindex.html
62 lines (56 loc) · 2.67 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
<!DOCTYPE html>
<html lang="de" translate="no">
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=, initial-scale=1.0">
<title>El Pollo Loco</title>
<link rel="stylesheet" href="style.css">
<link rel="shortcut icon" href="./img/2_character_pepe/1_idle/idle/I-1.png" type="image/x-icon">
<script src="./classes/drawable-object.class.js"></script>
<script src="./classes/movable-objects.class.js"></script>
<script src="./classes/character.class.js"></script>
<script src="./classes/enemy.class.js"></script>
<script src="./classes/small-enemy.class.js"></script>
<script src="./classes/cloud.class.js"></script>
<script src="./classes/status-bar.class.js"></script>
<script src="./classes/bottle-status.class.js"></script>
<script src="./classes/coin-status.class.js"></script>
<script src="./classes/world.class.js"></script>
<script src="./classes/background-object.class.js"></script>
<script src="./classes/keyboard.class.js"></script>
<script src="./classes/level.class.js"></script>
<script src="./classes/throwable-object.class.js"></script>
<script src="./classes/bottle.class.js"></script>
<script src="./classes/coins.class.js"></script>
<script src="./classes/endboss.class.js"></script>
<script src="./levels/level1.js"></script>
<script src="./js/game.js"></script>
</head>
<body>
<h1>El Pollo Loco</h1>
<div class="main-div">
<canvas id="canvas" width="720" height="480" style="border: 6px solid black;"></canvas>
<div onclick="startGame()" class="start" id="start">
<div class="start-botton">
<span>Start Game</span>
</div>
</div>
<div onclick="startGame()" class="you-lost d-none" id="you-lost">
<div class="start-botton">
<span>New Game</span>
</div>
</div>
<div onclick="startGame()" class="game-over d-none" id="game-over">
<div class="start-botton">
<span>New Game</span>
</div>
</div>
<div class="explanations">
<span class="button-and-text"><img class="explain-button" src="./img/10_downloads/arrow-left.png" alt="arrow left"> Move left</span>
<span class="button-and-text"><img class="explain-button" src="./img/10_downloads/arrow-right.png" alt="arrow right">Move right</span>
<span class="button-and-text"><img class="explain-button" src="./img/10_downloads/space.png" alt="">Jump</span>
<span class="button-and-text"><img class="explain-button" src="./img/10_downloads/D.png" alt="D-key">Throw bottle</span>
</div>
</div>
</body>
</html>