-
Notifications
You must be signed in to change notification settings - Fork 0
/
Copy pathindex.html
65 lines (61 loc) · 2.38 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
<!DOCTYPE html>
<html lang="en">
<head>
<link rel="stylesheet" href="css/style.css" />
<meta charset="UTF-8">
<title>MedievalBricks</title>
<link rel='ICON' href="img/shield.ico" />
</head>
<body>
<div id="playarea">
<div id="menu">
<div class="title">Medieval Bricks</div>
<div class="buttons">
<button onclick="drawIt()">Play</button>
<button onclick="rules()">Rules</button>
<button onclick="credits()">Credits</button>
</div>
</div>
<div id="difficulty">
<button id="easy" onclick="diffselect(1)">Easy</button>
<button id="medium" class="selected" onclick="diffselect(2)">Medium</button>
<button id="hard" onclick="diffselect(3)">Hard</button>
</div>
<div id="credits">
<div class="title">Medieval Bricks</div>
<div class="content">
<p>
This website was made by Tilen Gabršček
</p>
</div>
<button onclick="back()">Back</button>
</div>
<div id="rules">
<div class="title">Medieval Bricks</div>
<div class="content">
<p>
Press the up and down arrow or W and S keys on your keyboard to move the knight. You must avoid the incoming arrows whilst hitting the stone into the wall with your shield. When the power meter is full you can press Space to power up the rock.
</p>
</div>
<button onclick="back()">Back</button>
</div>
<div id="game">
<div class="title">Medieval Bricks</div>
<div class="game">
<span id="health"></span>
<div>
<canvas id="canv" width="770" height="616"></canvas>
<div id="powerbar"></div>
</div>
</div>
</div>
</div>
<div id="bgimage">
<div id="bgimage2"></div>
</div>
<script src="https://code.jquery.com/jquery-3.6.0.min.js" integrity="sha256-/xUj+3OJU5yExlq6GSYGSHk7tPXikynS7ogEvDej/m4=" crossorigin="anonymous"></script>
<script src="js/bricks.js"></script>
<script src="js/sweetalert2.all.js"></script>
<link rel="stylesheet" href="https://cdn.jsdelivr.net/npm/[email protected]/css/font-awesome.min.css">
</body>
</html>