-
Notifications
You must be signed in to change notification settings - Fork 0
/
index.html
37 lines (37 loc) · 1.22 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
<html>
<head></head>
<body style="color: white; background-color: black;">
<div style="display: flex; width: 1040px">
<div style="position: relative; left: 0px;"><span id="player1Name">Player 1</span> Lap: <span id="player1LapLabel">0</span></div>
<div style="position: relative; right: 0px; margin-left:auto;"><span id="player2Name">Player 2</span> Lap: <span id="player2LapLabel">0</span></div>
</div>
<div style="display: flex">
<canvas id="gameCanvas" width="1040" height="720"></canvas>
<div style="margin-left: 20px;">
<h3>Controls:</h3>
<span id="player1NameControls">Player 1</span>:
<ul>
<li>Up Arrow - Gas</li>
<li>Down Arrow - Break/Reverse</li>
<li>Left Arrow - Turn Left</li>
<li>Right Arrow - Turn Right</li>
</ul>
<br />
<span id="player2NameControls">Player 1</span>:
<ul>
<li>W - Gas</li>
<li>S - Break/Reverse</li>
<li>A - Turn Left</li>
<li>D - Turn Right</li>
</ul>
</div>
</div>
<p id="debugText"></p>
<script src="js/car.js"></script>
<script src="js/graphics-common.js"></script>
<script src="js/input.js"></script>
<script src="js/track.js"></script>
<script src="js/assets-loading.js"></script>
<script src="js/main.js"></script>
</body>
</html>