-
Notifications
You must be signed in to change notification settings - Fork 1
/
index.html
125 lines (118 loc) · 4.69 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
112
113
114
115
116
117
118
119
120
121
122
123
124
125
<!-- Copyright (c) 2015 Robert Fotino. -->
<!DOCTYPE html>
<html>
<head>
<title>Space AI Game</title>
<meta charset="utf-8">
<meta name="viewport" content="width=device-width, initial-scale=1, maximum-scale=1">
<!-- CSS -->
<link rel="stylesheet" type="text/css" href="lib/codemirror/lib/codemirror.css" />
<link rel="stylesheet" type="text/css" href="lib/codemirror/theme/bundle.css" />
<link rel="stylesheet" type="text/css" href="css/styles.css" />
<!-- Load bundled JavaScript, minified -->
<script src="build/space-ai.min.js"></script>
</head>
<body>
<!-- Menu bar -->
<div id="menubar">
<div id="menubar-left">
<span class="btn btn-dropdown" id="file-menu">
File <span class="icon">▼</span>
<table class="dropdown-menu">
<tr class="dropdown-item" id="file-save-btn">
<td class="item-label">Save</td>
<td class="item-shortcut">Ctrl+S</td>
</tr>
<tr class="dropdown-item" id="file-save-as-btn">
<td class="item-label">Save As</td>
<td class="item-shortcut">Shift+Ctrl+S</td>
</tr>
<tr class="dropdown-item" id="file-delete-btn">
<td class="item-label">Delete</td>
<td class="item-shortcut"><!-- No shortcut for delete --></td>
</tr>
</table>
</span><!--
--><span class="btn btn-dropdown" id="view-menu">
View <span class="icon">▼</span>
<table class="dropdown-menu">
<tr class="dropdown-item" id="focus-player-btn">
<td class="item-label">Focus Player</td>
<td class="item-shortcut">F</td>
</tr>
<tr class="dropdown-item" id="focus-bounds-btn">
<td class="item-label">Focus Bounds</td>
<td class="item-shortcut">B</td>
</tr>
<tr class="dropdown-item" id="debug-mode-btn">
<td class="item-label">Debug Mode</td>
<td class="item-shortcut">X</td>
</tr>
<tr class="dropdown-item" id="zoom-in-btn">
<td class="item-label">Zoom In</td>
<td class="item-shortcut">+</td>
</tr>
<tr class="dropdown-item" id="zoom-out-btn">
<td class="item-label">Zoom Out</td>
<td class="item-shortcut">-</td>
</tr>
<tr class="dropdown-item" id="pan-left-btn">
<td class="item-label">Pan Left</td>
<td class="item-shortcut">←</td>
</tr>
<tr class="dropdown-item" id="pan-up-btn">
<td class="item-label">Pan Up</td>
<td class="item-shortcut">↑</td>
</tr>
<tr class="dropdown-item" id="pan-right-btn">
<td class="item-label">Pan Right</td>
<td class="item-shortcut">→</td>
</tr>
<tr class="dropdown-item" id="pan-down-btn">
<td class="item-label">Pan Down</td>
<td class="item-shortcut">↓</td>
</tr>
<tr class="dropdown-separator"><td></td><td></td></tr>
<tr class="dropdown-item" id="themes-btn">
<td class="item-label">Editor Themes</td>
<td class="item-shortcut">T</td>
</tr>
</table>
</span><!--
--><a class="btn" id="docs" href="docs" target="_blank"><u>D</u>ocs</a><!--
--><a class="btn" id="about-btn" href="#"><u>A</u>bout</a><!--
--><a class="btn" id="show-levels" href="#"><u>S</u>elect Level</a>
</div>
<div id="menubar-right">
<a class="btn" id="run" href="#">Run</a><!--
--><a class="btn btn-primary" id="restart" href="#">Install & <u>R</u>estart</a>
</div>
<div class="clearfix"></div>
</div>
<!-- Level selector -->
<div id="level-selector">
<h3>Level Selector</h3>
<div id="levels"></div>
<div id="level-selector-menu">
<a href="#" class="btn" id="hide-levels">Cancel</a><!--
--><a href="#" class="btn btn-primary" id="load-level">Load</a>
</div>
</div>
<div id="main-window">
<!-- Game canvas -->
<canvas id="game-canvas" tabindex="1"></canvas>
<!-- Code window -->
<div id="code-window" class="hidden">
<textarea id="code"></textarea>
<div id="code-dragbar"></div>
<a id="code-popout-btn" href="#">▸</a>
</div>
<!-- Console window -->
<div id="console-window" class="hidden">
<div id="console"></div>
<div id="console-dragbar"></div>
<a id="console-popout-btn" href="#">▲</a>
</div>
</div>
</body>
</html>