-
Notifications
You must be signed in to change notification settings - Fork 2
/
Copy pathempire_editor.html
133 lines (125 loc) · 6.24 KB
/
empire_editor.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
126
127
128
129
130
131
132
133
<!DOCTYPE html>
<html>
<head>
<meta charset="UTF-8">
<title>Empire Editor</title>
<script src="js/p5.js" type="text/javascript"></script>
<style>
body{
width: 100%;
height: 100%;
padding-top: 55px;
margin: 0px auto;
margin-bottom: 20px;
}
canvas{
vertical-align: top;
}
#header {
background: white;
overflow: hidden;
width: 100%;
margin: 0px;
padding: 10px 10px 10px 15px; /*top right bottom left*/
position:fixed;
top:0;
left:0;
}
#ObjSel {
-moz-appearance: none;
width: 150px;
height: 22px;
background-color: Transparent;
padding:1px; line-height: 2px;
}
#jsonMap {
/*display: none;*/
height: 700px;
width: 600px;
resize: none;
overflow: auto;
}
</style>
</head>
<body>
<div id="header">
<h2 style="display: inline">Empire Editor</h2> |
<select id="ObjSel">
<option value="null">Object (itemName) - Not complete menu</option>
<option value="road">Road</option>
<option value="tree01">Simple tree. long (small) (tree01)</option>
<option value="tree07">Apple Tree (big) (tree07)</option>
<option value="tree10">Orange Tree (big) (tree10)</option>
<option value="tree21">Banana Tree (2x1 small) (tree21)</option>
<option value="tree22">Banana Tree (small) (tree22)</option>
<option value="tree23">Banana Trees (big) (tree23)</option>
<option value="tree24">Palm Tree coconut (small) (tree24)</option>
<option value="tree25">Palm Tree coconut (2x1 small) (tree25)</option>
<option value="tree26">Palm Trees coconuts (big) (tree26)</option>
<option value="tree27">Palm Tree (small) (tree27)</option>
<option value="tree28">Palm Tree (2x1 small) (tree28)</option>
<option value="tree29">Palm Trees (big) (tree29)</option>
<option value="tree30">Big simple tree (small) (tree30)</option>
<option value="tree31">Big simple tree (2x1 small) (tree31)</option>
<option value="tree32">Big simple trees (big) (tree32)</option>
<option value="tree33">Golden Tree (small) (tree33)</option>
<option value="tree34">Golden Tree (2x1 small) (tree34)</option>
<option value="tree35">Golden Trees (big) (tree35)</option>
<option value="tree36">Simple tree. brown (small) (tree36)</option>
<option value="tree37">Simple tree. brown (2x1 small) (tree37)</option>
<option value="tree38">Simple trees. brown (big) (tree38)</option>
<option value="tree39">Simple trees brown pos2 (big) (tree39)</option>
<option value="tree40">Simple tree long red (small) (tree40)</option>
<option value="tree41">Simple tree red (2x1 small) (tree41)</option>
<option value="tree42">Simple trees red (big) (tree42)</option>
<option value="tree43">Simple tree umbrella (small) (tree43)</option>
<option value="tree44">Simple tree umbrella (2x1 small) (tree44)</option>
<option value="tree45">Simple trees umbrellas (big) (tree45)</option>
<option value="tree46">Naked tree (small) (tree46)</option>
<option value="tree47">Naked tree (2x1 small) (tree47)</option>
<option value="tree48">Naked trees (big) (tree48)</option>
<option value="tree49">Simple long tree (small) (tree49)</option>
<option value="tree50">Simple long tree (2x1 small) (tree50)</option>
<option value="tree51">Simple long trees (big) (tree51)</option>
<option value="Bush02">Squared bush (Bush02)</option>
<option value="Bush01">Round Bush (Bush01)</option>
<option value="bush 01">Simple Bush (bush 01)</option>
<option value="rock01">Rocks brown (big) (rock01)</option>
<option value="rock02">Rocks brown (big) (rock02)</option>
<option value="rock03">Rocks grey (big) (rock03)</option>
<option value="rock04">Rocks grey (big) (rock04)</option>
<option value="bricks_red">Red Bricks (bricks_red)</option>
<option value="bricks_beige">Beige Bricks (bricks_beige)</option>
<option value="Small Farm">Farm (Small Farm)</option>
<option value="Mail Box Blue">Mail Box Blue</option>
<option value="Daisy Purple">Daisy Purple</option>
<option value="Daisy Blue">Daisy Blue</option>
</select>
or Custom: <input id="customName" value="" style="width: 7em">
<input id="customID" value="1000" style="width: 4em">
<button onclick='window.open("objects.html", "_blank", "location=no,menubar=no,height=630,width=580,scrollbars=yes,status=no,toolbar=no")'>Search for Objects</button>
~ Background:
<select id="bgSel">
<option value="empty">Empty map</option>
<option value="initial">Initial map</option>
<option value="steeles">Steele's map</option>
</select>
~ Project Cookie:
<button onclick="Objects.saveLocal()" title="Save project">Save</button>
<button onclick="Objects.loadLocal()" title="Load project">Load</button>
~ Map JSON file:
<button onclick="downloadJSON()" title="Download map file (not the project)">Download</button>
<button onclick="loadFileJSON()" title="Load a map file (not the project)">Experimental Load</button>
<div id="file-holder-2" style="display: inline"></div>
</div>
<div id="content">
<script src="js/sketch.js" type="text/javascript"></script>
<div id="sketch-holder">
<!-- Sketch here -->
</div>
<h3>JSON map:</h3>
<textarea disabled id="jsonMap"></textarea>
<p>Empire Editor | Raise the Empires 2019-2021</p>
</div>
</body>
</html>