-
Notifications
You must be signed in to change notification settings - Fork 0
/
index.html
61 lines (57 loc) · 2.74 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
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<meta name="viewport" content="width=device-width, initial-scale=1, maximum-scale=1, minimum-scale=1, user-scalable=yes">
<title>Activ8</title>
<link rel="stylesheet" href="data/css/font-awesome.min.css">
<link rel="stylesheet" href="data/css/main.css" />
<script type="text/javascript" src="cordova.js"></script>
<script type="text/javascript" src="data/js/jquery.js"></script>
<script type="text/javascript" src="data/js/game.js"></script>
</head>
<body>
<canvas id="canvas">Your device does not support canvas.</canvas>
<div id="menu">
<div id="highscore">
<span>Score: 0</span>
<div id="bestOf">Best: --</div>
</div>
<div id="start">New Game</div>
<div class="secondMenu">
<div id="achievements"><i class="fa fa-check"></i></div>
<div id="leaderboard"><i class="fa fa-trophy"></i></div>
<div id="help"><i class="fa fa-question"></i></div>
<div id="rate"><i class="fa fa-star"></i></div>
<div id="share"><i class="fa fa-share-alt"></i></div>
</div>
<div id="credits">
by <span>alurosu</span>
</div>
</div>
<div id="volume">
<i class="fa fa-volume-up"></i>
</div>
<div id="helpWindow" class="hidden">
<h2 style="text-align: center;">How to play?</h2>
<div id="helpW">
<p>Tap anywhere on the screen to shoot balls. You start with 8. The game is over when you reach 0. Check the bottom left part of your screen to see how many you have.</p>
<p style="text-align: center;"><img src="data/img/balls.png" alt="balls" width="70" /></p>
<p>When a ball hits your target, it will change color. Every block has a numeric representation as well. You will know what color is next (I, II and III).</p>
<p style="text-align: center;"><img src="data/img/targets.png" alt="targets" /></p>
<p>The purpose of the game is to make all targets have the same color/number.</p>
<p>You get a point every time you do this. On each level the target move speed increases and you get more balls.</p>
<p style="text-align: center;"><img src="data/img/score.png" alt="score" width="70" /></p>
<p>Power ups will float on your screen. Shoot them. They will give you an extra ball or they will slow the target move speed.</p>
<p style="text-align: center;">
<img src="data/img/slowPU.png" alt="slowPU" height="40" />
<img src="data/img/extraPU.png" alt="extraPU" height="40" />
</p>
<p>Time and calculate your shots. Score as many points as you can and rise to the top of the leaderboard. </p>
</div>
<div id="helpC">
<button>Close</button>
</div>
</div>
</body>
</html>