forked from pwerner1995/Brick-Breaker
-
Notifications
You must be signed in to change notification settings - Fork 0
/
Copy pathindex.html
60 lines (54 loc) · 2.48 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
<html>
<head>
<title>Brick Breaker</title>
<meta charset="UTF-8">
<link href="https://fonts.googleapis.com/css?family=VT323&display=swap" rel="stylesheet">
<link rel="stylesheet" type="text/css" href="src/styling.css">
</head>
<body>
<img id = "ball" src="assets/images/ball.png"/>
<img id = "brick" src="assets/images/brick.png"/>
<canvas id="gameScreen" width = "800" height = "600" style="z-index: 3; position: absolute;"></canvas>
<div id = "scoreBoard">
<div id = "score"></div>
<div id = "lives"></div>
</div>
<img id = "gameOver" src="assets/images/game_over.png" style="z-index: 1; position: absolute;"/>
<img id = "youWin" src="assets/images/you_win.png" style="z-index: 1; position: absolute;"/>
<div id = "scoreForm" style="display: none; position: absolute; left: 375px; top: 400px; text-align: center;">
<form action="POST" style="position: relative; align-self: auto;">
Score: <span id = "scoreSpan"></span><br>
Name: <input type="text" name="name" maxlength="3" size="3"><br>
<button type="submit">Submit</button>
</form>
</div>
<div id = "highScores" style="display: none; position: absolute; left: 325px; top: 215px; text-align: center;">
<div style="position: absolute; left: 25px; top: -25px">HIGH SCORES:</div><br>
<ol id = "highScoreList" style="text-align: left;">
<li id = "highScore1">
<span id = highScore1Name></span>: <span id = highScore1Score></span>
</li>
<li id = "highScore2">
<span id = highScore2Name></span>: <span id = highScore2Score></span>
</li>
<li id = "highScore3">
<span id = highScore3Name></span>: <span id = highScore3Score></span>
</li>
<li id = "highScore4">
<span id = highScore4Name></span>: <span id = highScore4Score></span>
</li>
<li id = "highScore5">
<span id = highScore5Name></span>: <span id = highScore5Score></span>
</li>
</ol>
</div>
<script src = "src/constants.js"></script>
<script src = "src/Ball.js"></script>
<script src = "src/collisionDetection.js"></script>
<script src = "src/Brick.js"></script>
<script src = "src/Paddle.js"></script>
<script src = "src/InputHandler.js"></script>
<script src = "src/Game.js"></script>
<script src = "src/index.js"></script>
</body>
</html>