-
Notifications
You must be signed in to change notification settings - Fork 1
/
index.html
44 lines (37 loc) · 1.11 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
<!DOCTYPE html>
<html lang="fr">
<head>
<style>
canvas{position:absolute;left:20px;top:60px;}
#aliensCanvas{background-color:black;}
#gunraysCanvas{background-color:transparent;}
#scoreDiv,#alivesDiv,#levelDiv{position:absolute;top:100px;left:650px;}
#score,#alives,#level{display:block;width:90px;height:30px;border:2px solid #333;border-radius:7px 7px 7px;text-align:center;font-size: 25px;line-height:30px;}
#scoreDiv{top:160px;}
#alivesDiv{top:320px;}
h2{margin:0;}
</style>
</head>
<body>
<h1>Inbeda, the amazing javascript Space Invaders | Interval : <span id="inter"></span> ms</h1>
<div id="levelDiv">
<h2>Level :</h2>
<span id="level"></span>
</div>
<div id="scoreDiv">
<h2>Score :</h2>
<span id="score"></span>
</div>
<div id="alivesDiv">
<h2>Aliens :</h2>
<span id="alives"></span>
</div>
<canvas id="aliensCanvas" class="mesCanvas" width="530" height="500">
Votre navigateur ne supporte pas les Canvas :(
</canvas>
<canvas id="gunraysCanvas" class="mesCanvas" width="530" height="500">
Votre navigateur ne supporte pas les Canvas :(
</canvas>
<script src="main.js"></script>
</body>
</html>