-
Notifications
You must be signed in to change notification settings - Fork 0
/
Copy pathStart_menu.html
79 lines (57 loc) · 2.15 KB
/
Start_menu.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
<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8"/>
<link rel="shortcut icon" type="image/png" href="assets/images/favicon.ico"/>
<title>PolyKingdom</title>
<link rel="stylesheet" type="text/css" href="css/style.css">
</head>
<body scroll="no" style="overflow: hidden">
<div id="main_menu_box">
<div id="main_menu">
<a class="button" onclick="myFunction()">Start Game</a>
<a class="button" href="#popup1">How to play</a>
<a class="button" href="#about">About</a>
</div>
</div>
<!--<a class="button" href="#popup1">How to play</a> -->
<div id="popup1" class="overlay">
<div class="popup">
<h2>How to play</h2>
<a class="close" href="#">×</a>
<div class="content">
<p style="font-weight: bold;">Introduction</p>
<a>The goal of the game is to defeat all of the enemies in the barbarian camps outside of the castle.</a>
<br><br>
<p style="font-weight: bold;"> Movment</p>
<a>The player moves using W,A,S,D keys and attacks with the Space key.</a>
<br><br>
<p style="font-weight: bold;">Camera</p>
<a>Player camera can be rotated by holding the left mouse key and moving the mouse. Pressing R will reset
the camera to it's original position.</a>
<br><br>
<p style="font-weight: bold;">Health</p>
<a> In the top left corner is The player's health bar. Getting hit by enemies will result in the player loosing health points,
which can be restored by finding hearts scattered around the map.</a>
<br><br>
<p style="font-weight: bold;">Music</p>
<a>Pressing the M key will play background music.</a>
</div>
</div>
</div>
<div id="about" class="overlay">
<div class="popup">
<h2>About</h2>
<a class="close" href="#">×</a>
<div class="content">
This game was made by Sebastjan Mevlja and Beti Piščanec.
</div>
</div>
</div>
<script>
function myFunction() {
window.open("index.html", "_self");
}
</script>
</body>
</html>