-
Notifications
You must be signed in to change notification settings - Fork 1
/
index.html
111 lines (111 loc) · 3.37 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
71
72
73
74
75
76
77
78
79
80
81
82
83
84
85
86
87
88
89
90
91
92
93
94
95
96
97
98
99
100
101
102
103
104
105
106
107
108
109
110
111
<html>
<head>
<style>
#container {
margin: 0;
padding: 0;
width: 800px;
height: 600px;
z-index: 1;
}
canvas {
object-position: 50% 50%;
object-fit: fill;
image-rendering: -moz-crisp-edges;
image-rendering: -webkit-crisp-edges;
image-rendering: pixelated;
image-rendering: crisp-edges;
width: 100%;
height: 100%;
}
body {
margin: 0;
background-color: 000;
}
#layout {
margin: auto;
width: 800px;
border: 3px solid green;
padding: 0px;
}
#desc {
box-sizing: border-box;
width: 100%;
border-top: 3px solid green;
color: white;
left: -3px;
padding: 5px;
}
table {
color: white;
}
table, th, td {
border: 2px solid white;
padding: 5px;
border-collapse: collapse;
text-align: center;
}
p, th, td, li, h2, ul {
font-family: "Lucida Console", Monaco, monospace;
font-size: 14pt;
color: white;
padding-top: 10px;
}
a {
color: green;
}
</style>
</head>
<body>
<div id='layout'>
<div id='container'>
</div>
<div id='desc'>
<p>SpaceWar is a 2 player game with a long history, starting back to the <a href="https://en.wikipedia.org/wiki/Spacewar!">first graphical computer game</a>. This homage is similar to the DOS version by Bill Seiler. You can still <a href="https://archive.org/details/SPACEWAR_1020">play his version on archive.org</a></p>
<table>
<th>Action</th>
<th colspan="1">Keyboard Controls</th>
<tr><td>Thrust</td><td>W, Num8, I</td></tr>
<tr><td>Left</td><td>A, Num4, J</td></tr>
<tr><td>Right</td><td>D, Num6, L</td></tr>
<tr><td>Missile</td><td>S, Num5, K</td></tr>
<tr><td>Beam</td><td>C, Num1, M</td></tr>
<tr><td>Cloak</td><td>X, Num2, ,</td></tr>
<tr><td>Warp</td><td>Z, Num3, .</td></tr>
<tr><td>More Shield</td><td>Q, Num7, U</td></tr>
<tr><td>More Energy</td><td>E, Num9, O</td></tr>
</table>
<img src="assets/gamepadctrls.png" />
<p>Tips:</p>
<ul>
<li>
The Beam costs only 2 energy compared to 3 for each missile. Use the Beam to destroy as many enemy missiles as you can with each shot.
</li>
<li>
You can't be hit by anything while warping.
</li>
<li>
Missiles can't track you while cloaked, but that doesn't mean they won't hit you.
</li>
<li>
Keep your shields up, but reserve enough energy to move and fight.
</li>
</ul>
<p> Send feedback to <a href="mailto:nathanfritz@gmail.com">nathanfritz@gmail.com</a> or Twitter <a href="https://twitter.com/fritzy">@fritzy</a>.</p>
<p>Special thanks to:</p>
<ul>
<li>
<a href="https://www.patreon.com/somepx">Evee Somepx</a> for the title font
</li>
<li>
Athena and my kids for putting up with my tinkering
</li>
<li>
<a href="https://twitter.com/roguelicker">@Roguelicker</a> for feedback
</li>
</ul>
</div>
</div>
<script src='out.js'></script>
</body>
</html>