-
Notifications
You must be signed in to change notification settings - Fork 0
/
index.html
49 lines (46 loc) · 1.63 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
<!DOCTYPE html>
<html lang="en">
<head>
<link href="https://fonts.googleapis.com/css?family=Press+Start+2P" rel="stylesheet">
<link rel="stylesheet" href="style.css">
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<meta http-equiv="X-UA-Compatible" content="ie=edge">
<title>Vanilla Javascript Space Shooter with Canvas</title>
<meta name="description" content="Space shooter game built with canvas and vanilla Javascript. The back end for the high scores is built with Express and hosted for free with Heroku. Any question feel free to email me at [email protected]"
</head>
<body>
<div class="score-input">
<h2 class="controls">New High Score!</h2>
<div class="controls">Score:
<span class="score"></span>
</div>
<br/>
<input class="name" type="text" placeholder="Initials Please =) JCM" maxlength="3">
<br/>
<br/>
<input class="submit" type="submit">
</div>
<button class="button">Start Game</button>
<canvas id="myCanvas"></canvas>
<div class="container">
<div class="info controls">Rack up as many points before the timer runs out! </div>
<br>
<div class="controls">
<span>↑</span> = Up
<br>
<span>↓</span> = Down
<br>
<span>←</span> = Left
<br>
<span>→ </span> = Right
<br> Space = Shoot
</div>
</div>
<div class="container" style="height: auto;">
<h3 class="controls">High Scores</h3>
<div class="each-score controls"></div>
</div>
<script src="index.js"></script>
</body>
</html>