-
Notifications
You must be signed in to change notification settings - Fork 1
/
index.html
36 lines (35 loc) · 1.52 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
<!DOCTYPE html>
<html>
<head>
<title>Asteroids Game</title>
<meta http-equiv="Content-Type" content="text/html; charset=UTF-8"/>
<link href="https://fonts.googleapis.com/css2?family=Roboto:ital,wght@0,100;0,300;0,400;0,500;0,700;0,900;1,100;1,300;1,400;1,500;1,700;1,900&display=swap" rel="stylesheet">
<link href="./index.css" rel="stylesheet" type="text/css" />
</head>
<body>
<header>
<div class="">Asteroids Game</div>
</header>
<main class="game-platform">
<canvas id="game" class="game-canvas"></canvas>
<div class="game-overlay">
<div class="overlay"></div>
<div class="controls">
<button id="begin-button" class="start" autofocus>PLAY</button>
<button id="again-button" class="restart closed">TRY AGAIN</button>
</div>
</div>
<!--
<svg class="demo" width="100%" height="100%" xmlns="http://www.w3.org/2000/svg">
<g transform="translate(140 140)">
<polygon points="19.97 59.96 10.02 59.96 0 39.96 19.97 0 19.97 59.96" style="fill:#bebebe; stroke-width:0px;"/>
<polyline points="19.97 59.96 30.02 59.96 40.08 39.96 19.97 0" style="fill:#909090; stroke-width:0px;"/>
<polyline points="10.02 59.96 10.02 69.9 30.02 69.9 30.02 59.96" style="fill:#676767; stroke-width:0px;"/>
</g>
</svg>
-->
</main>
<footer>Made with ♥ by Pawel Uchida-Psztyc as an exercise about making games.</footer>
<script type="module" src="./out-tsc/src/index.js"></script>
</body>
</html>