48 lines
2 KiB
HTML
48 lines
2 KiB
HTML
<!DOCTYPE html>
|
|
<html>
|
|
<head>
|
|
<link rel="stylesheet" href="css/main.css"/>
|
|
<link rel="stylesheet" href="css/editor.css"/>
|
|
<script>var exports = {};</script>
|
|
</head>
|
|
<body>
|
|
<img src="img/atlas.png" id="atlas" style="display: none;"/>
|
|
<canvas id="canvas" style="display: none;"></canvas>
|
|
<style id="style"></style>
|
|
<div id="center">
|
|
<div id="center-inner">
|
|
<form id="mapgen" autocomplete="off">
|
|
<input type="text" id="width" name="width" placeholder="Map Width">
|
|
<input type="text" id="height" name="height" placeholder="Map Height">
|
|
<input type="submit" value="Create"/>
|
|
</form>
|
|
<form id="mapload" autocomplete="off">
|
|
<input type="text" id="data" name="data" placeholder="Map Data">
|
|
<input type="submit" value="Load"/>
|
|
</form>
|
|
<div id="popup" style="display: none">
|
|
<input type="button" id="close" value="x" onclick="document.getElementById('popup').style.display = 'none'">
|
|
<textarea id="textarea" disabled='true'></textarea>
|
|
<input type="button" id="copy" value="Copy to clipboard">
|
|
</div>
|
|
</div>
|
|
</div>
|
|
<div id="sidebar" style="display: none;">
|
|
<p>W: Place Wall</p>
|
|
<p>G: Place Ghost Only Wall</p>
|
|
<p>R: Place Ghost Exit</p>
|
|
<p>H: Place Ghost Spawn</p>
|
|
<p>F: Place Food</p>
|
|
<p>1: Place Pac Spawn 1</p>
|
|
<p>2: Place Pac Spawn 2</p>
|
|
<p>3: Place Pac Spawn 3</p>
|
|
<p>4: Place Pac Spawn 4</p>
|
|
<p>T: Place THICC Dot</p>
|
|
<p>I: Place Initial Dot</p>
|
|
<p>C: Clear Tile</p>
|
|
<p>Q: Toggle Sidebar</p>
|
|
<input type="button" id="export" value="Export Map">
|
|
</div>
|
|
<script src="js/editor.js" type="module"></script>
|
|
</body>
|
|
</html>
|