-
Notifications
You must be signed in to change notification settings - Fork 6
/
Copy pathindex.html
77 lines (74 loc) · 4.26 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
<html>
<head>
<title>Snakefall</title>
<style>
@keyframes click_me {
0% { background-color: buttonface; }
50% { background-color: yellow; }
100% { background-color: buttonface; }
}
button.click-me {
animation: click_me 2s 2 alternate;
font-weight: bold;
}
</style>
</head>
<body>
<table style="margin:0px auto;"><tr>
<td><canvas id="canvas" width=750 height=600></canvas></td>
<td id="editorPane" style="display:none;">
<table>
<tr><td><button id="saveLevelButton" title="Ctrl+S - saves the current state to the URL bar of your browser; clears unmove/re-move history">Save Level</button></td></tr>
<tr><td style="text-align:center;">
<button id="uneditButton" title="Ctrl+Z" disabled>Unedit <<</button>
<button id="reeditButton" title="Ctrl+Shift+Z, Ctrl+Y" disabled>>> Re-edit</button><br>
Edits: <span id="editsSpan">0+0</span>
</td></tr>
<tr><td><button id="resizeButton" title="Shift+S">Resize</button></td></tr>
<tr><td>
<button id="selectButton" title="Shift+R - double click to edit objects">Select</button><br>
<button id="cutButton" title="Cut (Ctrl+X)" disabled>X</button><button id="copyButton" title="Copy (Ctrl+C)" disabled>C</button><button id="pasteButton" title="Paste (Ctrl+V)" disabled>V</button>
</td></tr>
<tr><td><button id="paintSpaceButton" title="E">Erase</button></td></tr>
<tr><td><button id="paintWallButton" title="W">Wall</button></td></tr>
<tr><td><button id="paintSpikeButton" title="S">Spike</button></td></tr>
<tr><td><button id="paintExitButton" title="X">Exit</button></td></tr>
<tr><td><button id="paintFruitButton" title="F">Fruit</button></td></tr>
<tr><td><button id="paintPortalButton" title="A">Portal</button></td></tr>
<tr><td><button id="paintSnakeButton" title="D">Snake</button></td></tr>
<tr><td><button id="paintBlockButton" title="B">Block</button></td></tr>
<tr><td><button id="cheatGravityButton" title="Shift+G">Gravity: ON</button></td></tr>
<tr><td><button id="cheatCollisionButton" title="Shift+C">Collision: ON</button></td></tr>
</table>
</td>
</tr></table>
<div style="text-align:center;">
<div id="paradoxDiv" style="background:#f88;"></div>
Controls (hover for hotkeys):
<br>
Arrows<span id="wasdSpan">/WASD</span> to move
<button id="switchSnakesButton" title="(Shift+)Spacebar, (Shift+)Tab, 1 - Red, 2 - Green, 3 - Blue, 4 - Yellow">Switch Snakes</button>
<button id="showGridButton" title="G">Show Grid</button>
<br>
<button id="unmoveButton" title="Backspace, Z, Q" disabled>Unmove <<</button>
Moves: <span id="movesSpan">0+0</span>
<button id="removeButton" title="Y, Shift+Backspace, Shift+Z, Shift+Q" disabled>>> Re-move</button>
<button id="restartButton" title="R - Unmove all the way. Shift+R - Re-move all the way">Restart</button>
<button id="saveProgressButton" title="Ctrl+Shift+S - Saves a replay URL to the URL bar of your browser. Use >> Re-move or Shift+R to restore state.">Save Progress</button>
</div>
<button id="showHideEditor" title="\">Show Editor Stuff</button>
<div id="editorDiv" style="display:none;">
<textarea id="serializationTextarea" rows=30 cols=80></textarea>
<div>
<button id="submitSerializationButton">Submit</button>
Share link: <input id="shareLinkTextbox">
</div>
</div>
<div style="margin-top:1em;">This project on Github: <a href="https://github.com/thejoshwolfe/snakefall">thejoshwolfe/snakefall</a> version <span id="versionSpan">???</span></div>
<div>Check out some <a href="https://github.com/thejoshwolfe/snakefall/blob/master/README.md">community made levels</a>, and share your levels there!</div>
<div>Also check out the <a href="http://wolfesoftware.com/snakefall/experimental/">experimental versions of this game</a>.</div>
<div>This game is a clone of <a href="http://snakebird.noumenongames.com/">Snakebird</a> by Noumenon Games.</div>
<script src="version.js"></script>
<script src="a.js"></script>
</body>
</html>