-
Notifications
You must be signed in to change notification settings - Fork 0
/
index.html
70 lines (70 loc) · 2.06 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
61
62
63
64
65
66
67
68
69
70
<!DOCTYPE html>
<html>
<head>
<title>Pixel Space Ships</title>
<link rel="icon" href="../Images/Interceptor Purple.png">
<meta charset="UTF-8">
<script type = "text/javascript" src="images.js"></script>
<script type = "text/javascript" src="../howler.core.js"></script>
<script type = "text/javascript" src="../howler.js"></script>
<script type = "text/javascript" src="sounds.js"></script>
<script type = "text/javascript" src="classes.js"></script>
<script type = "text/javascript" src="main.js"></script>
<script type = "text/javascript" src="functions.js"></script>
<script type = "text/javascript" src="levels.js"></script>
<style>
body {
background-color:rgba(0,0,0,1);
}
#ctxCanvas {
position:absolute;
left:3%;
top:3%;
z-index:2;
padding-left: 0px;
padding-right: 0px;
display:block;
image-rendering: optimizeSpeed;
image-rendering: -moz-crisp-edges;
image-rendering: -webkit-optimize-contrast;
image-rendering: -o-crisp-edges;
image-rendering: pixelated;
-ms-interpolation-mode: nearest-neighbor;
}
#otherCanvas {
width:600px;
height:600px;
}
#backCanvas {
position:absolute;
left:0px;
top:0px;
z-index:1;
}
#foreCanvas {;
position:absolute;
left:3%;
top:3%;
z-index:3;
padding-left: 0px;
padding-right: 0px;
display:block;
image-rendering: optimizeSpeed;
image-rendering: -moz-crisp-edges;
image-rendering: -webkit-optimize-contrast;
image-rendering: -o-crisp-edges;
image-rendering: pixelated;
-ms-interpolation-mode: nearest-neighbor;
}
body {
overflow:hidden;
}
</style>
</head>
<body onload = "start()" onmousedown = "mouseDown(event)" onmouseup = "mouseUp(event)" onresize = "resize()">
<canvas id = "foreCanvas" overflow = "hidden"></canvas>
<canvas id = "ctxCanvas" overflow = "hidden"></canvas>
<canvas id = "otherCanvas"></canvas>
<canvas id = "backCanvas" overflow = "hidden"></canvas>
</body>
</html>