-
Notifications
You must be signed in to change notification settings - Fork 0
/
Copy pathgame2d.html
93 lines (93 loc) · 3.2 KB
/
game2d.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
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8" />
<meta name="viewport" content="width=device-width, initial-scale=1.0" />
<title>GamePage</title>
<link rel="stylesheet" href="style.css" />
</head>
<body>
<h2 id="score">
Score: 0
</h2>
<h2 id="highScore">
High Score: 0
</h2>
<button id="pause">Pause</button>
<button id="restart">Restart</button>
<button id="continue">Continue</button>
<button id="menu">Menu</button>
<div id="road">
</div>
<audio id="game-background"></audio>
<div id= policecar1 class="obstacle">
<img class="obstacleImg" src="pictures/2d/obstacles/policecar1.png" />
</div>
<div id= puddle1 class="obstacle">
<img class="obstacleImg" src="pictures/2d/obstacles/puddle1.png" />
</div>
<div id= puddle2 class="obstacle">
<img class="obstacleImg" src="pictures/2d/obstacles/puddle2.png" />
</div>
<div id= rock1 class="obstacle">
<img class="obstacleImg" src="pictures/2d/obstacles/rock1.png" />
</div>
<div id= rock2 class="obstacle">
<img class="obstacleImg" src="pictures/2d/obstacles/rock2.png" />
</div>
<div id= traffic-barrier class="obstacle">
<img class="obstacleImg" src="pictures/2d/obstacles/traffic-barrier.png" />
</div>
<div id= trafficcone1 class="obstacle">
<img class="obstacleImg" src="pictures/2d/obstacles/trafficcone1.png" />
</div>
<div id= trafficcone3 class="obstacle">
<img class="obstacleImg" src="pictures/2d/obstacles/trafficcone3.png" />
</div>
<div id= tree1 class="obstacle">
<img class="obstacleImg" src="pictures/2d/obstacles/tree1.png" />
</div>
<div id= tree2 class="obstacle">
<img class="obstacleImg" src="pictures/2d/obstacles/tree2.png" />
</div>
<div id= tree3 class="obstacle">
<img class="obstacleImg" src="pictures/2d/obstacles/tree3.png" />
</div>
<div id= tree4 class="obstacle">
<img class="obstacleImg" src="pictures/2d/obstacles/tree4.png" />
</div>
<div id= person1 class="obstacle">
<img class="obstacleImg" src="pictures/2d/obstacles/person1.png" />
</div>
<div id= person2 class="obstacle">
<img class="obstacleImg" src="pictures/2d/obstacles/person2.png" />
</div>
<div id= person3 class="obstacle">
<img class="obstacleImg" src="pictures/2d/obstacles/person3.png" />
</div>
<div id= person4 class="obstacle">
<img class="obstacleImg" src="pictures/2d/obstacles/person4.png" />
</div>
<div id= person5 class="obstacle">
<img class="obstacleImg" src="pictures/2d/obstacles/person5.png" />
</div>
<div id= person6 class="obstacle">
<img class="obstacleImg" src="pictures/2d/obstacles/person6.png" />
</div>
<div id= person7 class="obstacle">
<img class="obstacleImg" src="pictures/2d/obstacles/person7.png" />
</div>
<div id= person8 class="obstacle">
<img class="obstacleImg" src="pictures/2d/obstacles/person8.png" />
</div>
<div id="mainCar">
<img
id="mainCarImage"
src="pictures/2d/player_cars/blackcar1.png"
alt="Player Car (You)"
/>
</div>
<script src="script.js"></script>
</body>
</html>
<!-- start button, pause button , score, health -->