-
Notifications
You must be signed in to change notification settings - Fork 0
/
index.html
66 lines (58 loc) · 2.72 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
66
<!doctype html>
<html>
<head>
<meta charset="utf-8">
<title>OldSpice Jump</title>
<link rel="preconnect" href="https://fonts.googleapis.com">
<link rel="preconnect" href="https://fonts.gstatic.com" crossorigin>
<link rel="stylesheet" href="style.css">
<script src="./node_modules/prefixfree/prefixfree.min.js"></script>
</head>
<body>
<div class="container">
<div id="header">
<div id="logo" alt="Logo"></div>
</div>
<canvas id="canvas">
Your browser doesn't support HTML5!
</canvas>
<div id="controllerContainer">
<button id="leftButton"></button>
<button id="rightButton"></button>
</div>
<div id="mainMenu" class="popup-container">
<div class="popup">
<h1>ინსტრუქცია</h1>
<p>გამოიყენე ისრები მარჯვენა და მარცხენა მიმართულებისთვის!</p>
<button id="playButton" href="javascript:init()">ითამაშე</button>
</div>
</div>
<div id="bonusMenu" class="popup-container">
<div class="popup_bonus">
<p>შეიძინე „ოლდ სფაისი“, ატვირთე ქვითრის სურათი და
მიიღე დამატებითი 3,000 ქულა.</p>
<p>მოიწვიე 1 მეგობარი თამაშში და ყოველ დარეგისტრირებულ მეგობარზე მიიღე დამატებითი 1,000 ქულა.</p>
<button id="resetButton" href="javascript:reset()">ითამაშე</button>
<button id="closeButton" href="javascript:closeIframe()">გამოსვლა</button>
</div>
</div>
<div id="gameOverMenu" class="popup-container">
<div class="popup_gamover">
<h1>GAME OVER</h1>
<p id="go_score">you scored 0 points</p>
<button id="bonusButton" href="javascript:showBonusMenu()">ბონუსი</button>
</div>
</div>
<img id="sprite" src="./assets/spritesheet_4x_3.png" style="display: none;"/>
<img id="sprite1" src="./assets/spring_1.png" style="display:none;">
<img id="sprite2" src="./assets/spring_2.png" style="display:none;">
<img id="sprite3" src="./assets/spring_3.png" style="display:none;">
<img id="sprite4" src="./assets/spring_4.png" style="display:none;">
<div id="scoreBoard">
<div id="scoreIcon"></div>
<p id="score">0</p>
</div>
</div>
<script src="main.js"></script>
</body>
</html>