-
Notifications
You must be signed in to change notification settings - Fork 0
/
Copy pathindex.html
46 lines (45 loc) · 2.18 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
<!DOCTYPE html>
<html>
<head>
<title>BirdInCrosshair</title>
<meta charset="utf-8"/>
<script type="text/javascript" src="public/js/main.js"></script>
</head>
<body>
<audio type="audio/mpeg" src="audio/bg_sound.mp3" autoplay loop>Browser doesn't support this audio file</audio>
<!-- <audio type="audio/mpeg" src="audio/gun_fire.mp3" id="gun-sound">Browser doesn't support this audio file</audio> -->
<audio type="audio/mpeg" src="audio/sfx_die.mp3" id="death-sound">Browser doesn't support this audio file</audio>
<div id="canvas" style="height: inherit; position: relative; overflow: hidden">
<div style="position: absolute; font-family: monospace">
<h2 style="color: #c95a5a">SCORE: <span id="game-score">0</span></h2>
</div>
<div style="position: absolute; font-family: monospace; right: 0; top: 0">
<h2 style="color: #c95a5a">BULLET LEFT: <span id="bullet-limit">0</span></h2>
</div>
<div style="position: absolute; font-family: monospace; right: 0; top: 30px">
<h2 style="color: #c95a5a">TIME: <span id="time-limit">0:00</span></h2>
</div>
<div style="position: absolute; right: 480px; top: 200px; width: 400px; height: 80px">
<button type="button" id="start-game-btn" style="display: block; width: inherit; height: inherit; font-size: 30px" onclick="startGame()">Start Play</button>
<h1 id="game-end-score-board" style="display: none; color: #c95a5a; text-align: center">YOUR SCORE: <span id="game-end-score"></span></h1>
</div>
<div style="bottom: 0; position: absolute">
<img src="images/grass.png" width="489px" height="225px">
</div>
<div style="bottom: 0; left: 485px; position: absolute">
<img src="images/grass.png" width="489px" height="225px">
</div>
<div style="bottom: 0; left: 970px; position: absolute">
<img src="images/grass.png" width="489px" height="225px">
</div>
<div style="bottom: 0; left: 1050px; position: absolute">
<img src="images/grass.png" width="489px" height="225px">
</div>
</div>
</body>
</html>
<!--
Author: Nahid Ebna Hasan
Software Engineer
Nascenia
-->