final-project-run-4-freedom/game.html at master · SapienzaInteractiveGraphicsCourse/final-project-run-4-freedom · GitHub

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
<!DOCTYPE html>
<html>

	<head>
		<title>Run 4 Freedom</title>

		<meta charset="utf-8">
		<meta name="viewport"
			content="width=device-width, height=device-height, initial-scale=1.0, maximum-scale=1.0, user-scalable=no">
		<meta name="description"
			content="Final project of the Interactive Graphics 19-20 course @ Sapienza University of Rome">
		<meta name="keywords" content="">
		<meta name="author" content="Ivan Fardin, Francesco Ottaviani and Samuele Olivieri Pennesi">

		<link rel="stylesheet" type="text/css" href="css/style.css">

		<script src="js/libs/ammo.js"></script>
		<script src="js/main.js" type="module"></script>
	</head>

	<body>
		<!-- Loading phase -->
		<div id="loading">
			<div id="loadingText" class="wavy">
				<span style="--i:1;">L</span>
				<span style="--i:2;">o</span>
				<span style="--i:3;">a</span>
				<span style="--i:4;">d</span>
				<span style="--i:5;">i</span>
				<span style="--i:6;">n</span>
				<span style="--i:7;">g</span>
				<span style="--i:8;">.</span>
				<span style="--i:9;">.</span>
				<span style="--i:10;">.</span>
			</div>
			<div id="loadingBar" class="progress">
				<div class="progress-bg">
					<div id="progressbar"></div>
				</div>
			</div>
		</div>

		<p id="playBtn" class="hide center">
			<span class="btn btn-primary btn-lg btn-custom">Play</span>
		</p>

		<!-- In-Play values -->
		<div id="speedometer" class="hide">0.0 km/h</div>
		<div id="score" class="hide">Score: 0</div>

		<!-- Pause phase -->
		<div id="pause" class="hide">Pause</div>
		<div id="resumeBtn" class="hide">
			<a id="resume"> Resume </a>
			<br>
			<a href="index.html" id="mainmenu"> Return to Main Menu </a>
		</div>

		<!-- Score -->
		<div id="finalscore" class="hide"></div>
		<div id="highscore" class="hide"></div>

    <!-- Game Over phase -->
		<div id="gameover" class="hide">Game Over</div>
		<div id="returnBtn" class="hide">
			<a href="game.html" id="restart"> Restart </a>
      <br>
			<a href="index.html" id="mainmenu"> Main Menu </a>
		</div>

		<canvas id="canvas" class="hide"></canvas>
	</body>

</html>