-
Notifications
You must be signed in to change notification settings - Fork 0
/
mapeditor.html
100 lines (100 loc) · 5.67 KB
/
mapeditor.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
<!DOCTYPE html>
<html>
<head>
<title>FutureMesh Map Editor 1.0</title>
<meta http-equiv="Content-Type" content="text/html; charset=UTF-8">
<link rel="stylesheet" type="text/css" href="mapeditor/ui.css" media="all" />
<link rel="stylesheet" type="text/css" href="mapeditor/uicomponents.css" media="all" />
<!-- complete futuremesh engine -->
<script type="text/javascript" src="futuremesh.js"></script>
<!-- remove these lines once finished -->
<script type="text/javascript" src="engine/core/building.js"></script>
<script type="text/javascript" src="engine/core/unit.js"></script>
<script type="text/javascript" src="engine/core/projectile.js"></script>
<script type="text/javascript" src="engine/core/tile.js"></script>
<script type="text/javascript" src="engine/core/map.js"></script>
<script type="text/javascript" src="engine/images/spriteloader.js"></script>
<script type="text/javascript" src="engine/util/mapcompressor.js"></script>
<!-- data -->
<script type="text/javascript" src="data/buildingsdefinition.js"></script>
<script type="text/javascript" src="data/playersdefinition.js"></script>
<script type="text/javascript" src="data/settings.js"></script>
<script type="text/javascript" src="data/tilesdefinition.js"></script>
<script type="text/javascript" src="data/unitsdefinition.js"></script>
<!-- mapeditor application -->
<script type="text/javascript" src="mapeditor/ajax.js"></script>
<script type="text/javascript" src="mapeditor/alert.js"></script>
<script type="text/javascript" src="mapeditor/confirm.js"></script>
<script type="text/javascript" src="mapeditor/filechooser.js"></script>
<script type="text/javascript" src="mapeditor/formbuilder.js"></script>
<script type="text/javascript" src="mapeditor/mapeditorbrush.js"></script>
<script type="text/javascript" src="mapeditor/mapeditormainmenu.js"></script>
<script type="text/javascript" src="mapeditor/mapeditormouse.js"></script>
<script type="text/javascript" src="mapeditor/mapeditorpallets.js"></script>
<script type="text/javascript" src="mapeditor/mapeditorview.js"></script>
<script type="text/javascript" src="mapeditor/mapeditorviewui.js"></script>
<script type="text/javascript" src="mapeditor/modal.js"></script>
<script type="text/javascript" src="mapeditor/progressbar.js"></script>
<script type="text/javascript" src="mapeditor/prompt.js"></script>
<script type="text/javascript" src="mapeditor/mapeditor.js"></script>
</head>
<body>
<div class="body">
<ul id="menu">
<li id="menu-newmap">New map</li>
<li id="menu-save" class="disabled">Save map</li>
<li id="menu-save-as">Save map as...</li>
<li id="menu-load">Load map</li>
<li id="menu-import">Import map</li>
<li id="menu-export">Export map</li>
</ul>
<div id="view">
<div id="viewmap">
<canvas id="view-canvas" width="800" height="600"></canvas>
</div>
<div id="v-scroll-container">
<input id="v-scroll" type="range" min="0" max="1" step="0.001" value="0" />
</div>
<input id="h-scroll" type="range" min="0" max="1" step="0.001" value="0" />
<div id="view-resize">
<div>
<div></div>
</div>
</div>
</div>
<div id="tool-modes">
<span id="tool-mode-add" class="selected" title="Add new building/unit"></span>
<span id="tool-mode-edit" title="Edit building/unit"></span>
<span id="tool-mode-delete" title="Delete building/unit"></span>
</div>
<div id="palette">
<label>
<span>Terrain tiles</span> <input type="radio" name="pallete-group" checked="" />
<span id="palette-terrain"></span>
</label>
<label>
<span>Buildings</span> <input type="radio" name="pallete-group" />
<span id="palette-buildings"></span>
</label>
<label>
<span>Units</span> <input type="radio" name="pallete-group" />
<span id="palette-units"></span>
</label>
<label>
<span>SFX</span> <input type="radio" name="pallete-group" />
<span id="palette-sfx"></span>
</label>
</div>
<div class="clear"></div>
<div id="bottom-panel">
<label title="Toggle terrain view"><input type="checkbox" checked="" id="terrain-toggle" /><span>T</span></label>
<label title="Toggle buildings view"><input type="checkbox" checked="" id="buildings-toggle" /><span>B</span></label>
<label title="Toggle units view"><input type="checkbox" checked="" id="units-toggle" /><span>U</span></label>
<label title="Toggle SFX view"><input type="checkbox" checked="" id="sfx-toggle" /><span>S</span></label>
<label title="Toggle viewing tiles free for buildings"><input type="checkbox" id="buildable-toggle" /><span>Ba</span></label>
<label title="Toggle viewing tiles free for units"><input type="checkbox" id="passable-toggle" /><span>Pa</span></label>
<span id="mouse"></span>
</div>
</div>
</body>
</html>