Jofthomas's picture
Jofthomas HF staff
bulk
ce8b18b
raw
history blame
3.42 kB
<html>
<head>
<style>
table, th, td {
border: 1px solid black;
border-radius: 10px;
}
</style>
<meta name="viewport" content="width=device-width, initial-scale=1">
</head>
<body>
<script src="le.js" type="module"></script>
<div class="tab">
<button class="tablinks" onclick="onTab(event, 'edit')">edit</button>
<button class="tablinks" onclick="onTab(event, 'map')">map</button>
<button class="tablinks" onclick="onTab(event, 'config')">config</button>
</div>
<div id="edit" class="tabcontent">
<TABLE WIDTH="100%"><TR>
<TD ALIGN="center"> <!-- first layer of map tiles -->
<div ID="layer0pane" style="max-height: 480px;max-width:640px;overflow: scroll;">
<canvas ID="level0" height="1600px" width="1600px" ></canvas> </div>
</TD>
<TD ALIGN="center"> <!-- tile set-->
<div ID="tilesetpane" style="max-height: 600;max-width:800;overflow: scroll;">
<CANVAS ID="tileset" width="5632px" height="8672px" STYLE="border: 1px dotted white;"></CANVAS> </div>
</TD>
</TR>
<tr>
<TD ALIGN="center"> <!-- second layer of map tiles -->
<div ID="layer1pane" style="max-height: 480px;max-width:640px;overflow: scroll;">
<canvas ID="level1" height="1600px" width="1600px" ></canvas>
</div></TD>
<TD ALIGN="center"> <!-- aggregate map view -->
<div ID="compositepane" style="max-height: 600;max-width:800;overflow: scroll;">
<canvas ID="composite" height="1600px" width="1600px" ></canvas>
</div></TD>
</tr>
<tr>
<TD ALIGN="center"> <!-- object layer of map -->
<div ID="layer2pane" style="max-height: 480px;max-width:640px;overflow: scroll;">
<canvas ID="level3" height="1600px" width="1600px" ></canvas>
</div></TD>
<TD ALIGN="center"> <!-- object layer of map -->
<div ID="layer3pane" style="max-height: 480px;max-width:640px;overflow: scroll;">
<canvas ID="level4" height="1600px" width="1600px" ></canvas>
</div></TD>
</tr>
</TABLE>
</div>
<div id="map" class="tabcontent">
<canvas id="mapcanvas" height="1600px" width="1600px" ></canvas>
</div>
<div id="config" class="tabcontent">
<table>
<tr>
<td>Composite to png</td>
<td>Load level</td>
<td>Load png to Composite</td>
<td>Load Sprite</td>
<td></td>
</tr>
<tr>
<td>
<button onclick = "saveCompositeAsImage()" > Save Composite </button>
</td><td>
<input type="file" multiple id="levelfile">
</td><td>
<input type="file" multiple id="compositepng">
</td><td>
<input type="file" multiple id="spritesheet">
</td><td>
<form name="myForm">
16 <input type="radio" name="radioTiledim" value="16" />
32 <input type="radio" name="radioTiledim" value="32" checked />
</form>
</td>
</tr>
<tr>
<td>Load Tileset</td>
</tr>
<tr>
<td> <input type="file" multiple id="tilesetfile"> </td>
</tr>
</table>
</div>
</body>
</html>