forked from 4ae9b8/roadthegame
-
Notifications
You must be signed in to change notification settings - Fork 0
/
index.html
132 lines (94 loc) · 4.58 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
67
68
69
70
71
72
73
74
75
76
77
78
79
80
81
82
83
84
85
86
87
88
89
90
91
92
93
94
95
96
97
98
99
100
101
102
103
104
105
106
107
108
109
110
111
112
113
114
115
116
117
118
119
120
121
122
123
124
125
126
127
128
129
130
131
132
<!doctype html>
<html lang="en">
<head>
<meta charset="UTF-8">
<title>Road: The Game</title>
<!-- build:css -->
<link rel="stylesheet" href="assets/css/styles.css">
<!-- endbuild -->
</head>
<body>
<!-- Header -->
<header>
<div class="gw wrapper">
<h1>Road: The Game</h1>
</div>
</header>
<!-- /Header -->
<!-- Main part -->
<div class="gw wrapper">
<!-- UI -->
<div class="g one-third">
<div class="ui cf">
<div class="g one-whole">
<div class="gw">
<div class="g one-whole">
<!-- Score -->
<div class="ui__element" data-js="score">
Score: <span class="ui__value" data-js="score__display">0</span>
</div>
<!-- /Score -->
</div>
<div class="g one-whole">
<!-- Best -->
<div class="ui__element" data-js="best">
Best: <span class="ui__value" data-js="best__display">0</span>
</div>
<!-- /Best -->
</div>
<div class="g one-whole">
<!-- Deaths -->
<div class="ui__element" data-js="deaths">
Deaths: <span class="ui__value" data-js="deaths__display">0</span>
</div>
<!-- /Deaths -->
</div>
</div>
</div>
<div class="g one-whole">
<!-- Audio -->
<div class="ui__element" data-js="audio">
<button>
Audio: <span data-js="audio__state">ON</span>
</button>
</div>
<!-- /Audio -->
</div>
<!-- How to and credits -->
<div class="g one-whole">
<h2>How to play</h2>
<ul>
<li>Use the arrow keys or WASD to move your character</li>
<li>You get a point if you reach the other side and another if you go back and so on</li>
<li>Use power-ups to get an advantage</li>
<li>Don't get hit by a car</li>
</ul>
<br />
Please report bugs on <a href="https://github.com/4ae9b8/roadthegame">GitHub</a>.
<br> <br>
2014 for <a href="http://js13kgames.com/">js13kGames</a> by <a href="https://twitter.com/Mobilpadde">Mads Cordes</a> and <a href="https://twitter.com/TimPietrusky">Tim Pietrusky</a>.
<br> <br>
</div>
<!-- /How to and credits -->
</div>
</div>
<!-- /UI -->
<!-- Canvas -->
<div class="g two-thirds">
<canvas id="board" class="game">You suck</canvas>
</div>
<!-- /Canvas -->
</div>
<!-- /Main part -->
<!-- build:js -->
<script src="assets/js/audio.js"></script>
<script src="assets/js/achievements.js"></script>
<script src="assets/js/car.js"></script>
<script src="assets/js/player.js"></script>
<script src="assets/js/points.js"></script>
<script src="assets/js/draw.js"></script>
<script src="assets/js/UI.js"></script>
<script src="assets/js/init.js"></script>
<!-- endbuild -->
</body>
</html>