engine/editor.html at segments · Kully/engine · GitHub

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
<!DOCTYPE html>
<html>
<head>
	<meta charset="utf-8">
	<meta name="viewport" content="width=device-width, initial-scale=1">
	<title>Neptune</title>
	<link rel="stylesheet" type="text/css" href="assets/editor.css">
	<link rel="shortcut icon" href="assets/favicon.png" />
</head>

<body>
	<span class="app-title">Level Edit</span>
	<div class="content">
		<div class="control-row">
			<div class="label-input-container">
				<label for="level-dropdown" id="label-level-dropdown" class="label">Level</label>
				<select id="level-dropdown" class="control" name="level-dropdown">
					<option value="default">Default</option>
				</select>
			</div>

			<div class="label-input-container">
				<label for="tile-width" id="label-tile-width" class="label">Width</label>
				<input id="tile-width" type="number" value="" class="control" min="5" max="40"/>
			</div>

			<div class="label-input-container">
				<label for="tile-height" id="label-tile-height" class="label">Height</label>
				<input id="tile-height" type="number" value="" class="control" min="5" max="40"/>
			</div>

			<button id="reset-btn" class="secondary-btn control">
				Reset
			</button>

			<button id="copy-to-clipboard" class="primary-btn control">
				Copy to Clipboard
			</button>
			<span id="popup-message" class="popup-message"></span>
			<span id="editor-mouse-coords" class="editor-mouse-coords">(x, y)</span>

		</div>
		<canvas id="prerender-sprites-canvas" style="visibility: visible"></canvas>
		<div id="selection" class="selection"></div>
		<div id="preview-outline" class="preview-outline"></div>
		<canvas id="canvas"></canvas>
		<div class="instructions">
			Move around the canvas with <code>WASD</code>.
			Scroll through the sprite gallery with <code>MouseWheel</code>.
		</div>
	</div>

</body>

<script type="module" src="src/editor.js"></script>

</html>