forked from Ivan-Dimitrov-bg/TeamHercules
-
Notifications
You must be signed in to change notification settings - Fork 0
/
index.HTML
64 lines (62 loc) · 3.57 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
<!DOCTYPE html>
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<script src="libraries/jquery-2.1.1.js"></script>
<link href="styles/style.css" rel="stylesheet" />
<title>The Evil Pacman</title>
</head>
<body>
<header>
<h1>The Evil Pacman</h1>
</header>
<section>
<div id="game-section">
<svg id="game" width="955" height="450"></svg>
<canvas id="canvas" width="960" height="450"></canvas>
<div id="kinetic"></div>
<button id="tips-btn">Tips</button>
<button id="story-btn">Story</button>
<button id="start-game">Start Game</button>
<div id="high-scores">
<h1>Biggest Brains:</h1>
<ol id="high-score-board"></ol>
</div>
</div>
<div id="tips" class="hidden">
<span id="closeTips" class="close">x</span>
<h2>Tips</h2>
<ul>
<li>Click the <span class="italic">Start Game</span> button to start or press space to start/pause</li>
<li>Use the arrow keys to navigate Pacman</li>
<li>Eat all the Javasript treasures to reach the next level</li>
<li>Avoid the Guardians</li>
</ul>
</div>
<div id="game-story" class="hidden">
<span id="closeStory" class="close">x</span>
<h2>Story</h2>
<p>The <span class="italic">JavaScript Museum</span> was a peaceful place, where kids loved to hang in, to learn
the knacks of JavaScript. Until the day when <span class="italic">The Evil Pacman</span> broke in. He was greedy and wanted all the treasures in the museum for himself.
He started eating through them, swallowing every last piece of JavaScript knowledge there was. The more he ate, the cleverer he got.
</p>
<p>What he didn’t expect though were <span class="italic">The JavaSript Guardians</span> – Nick, Don, Kenny and Paul, who swore to protect the JavaScript treasures with their lives.
They chased after <span class="italic">The Evil Pacman</span> to keep as much of the treasures as they could.
But <span class="italic">Pacman</span> was sneaky and managed to avoid the <span class="italic">Guardians</span> for a while.
</p>
<p>However, he didn’t know about the traps the <span class="italic">Guardians</span> had set. Every now and then he stumbled upon one.
He had to solve a riddle in order to get out. If he answered correctly, he got extra power to keep going but if he didn’t, he was slowed down by a special slowing-down potion, stirred by one of the <span class="italic">Guardians</span> (who we shall not name), until it wore out.
</p>
<p>If <span class="italic">Pacman</span> managed to eat all the treasures, a door to a new room in the museum revealed itself, leading <span class="italic">the Evil One</span> to more treasures.
But he wasn’t always so lucky. The first two times <span class="italic">Pacman</span> was caught, he got a warning and the <span class="italic">Guardians</span> let him go.
But when he didn’t listen and kept eating through the treasures, the <span class="italic">Guardians</span> had had enough. When they caught him for a third time, he was banned from the <span class="italic">JavaScript Museum</span> and the <span class="italic">Guardians</span> continued with their peaceful lives, happy that the treasures were safe for the studious little kids to learn from.
</p>
</div>
</section>
<footer>
<span>The Evil Pacman is a team project created as an assignment for <span class="italic">Javascript UI & DOM</span> Course at Telerik Software Academy.</span>
<span id="credit">Team Hercules ©</span>
</footer>
<script src="libraries/kinetic-v5.1.0.min.js"></script>
<script src="libraries/require.js" data-main="scripts/app"></script>
</body>
</html>