index.html

 <!DOCTYPE html>
<html lang="en">
	<head>
		<meta charset="UTF-8">
		<title>Page Title</title>
		<meta name="viewport" content="width=device-width,initial-scale=1">
		<link rel="stylesheet" href="./style.css">
	</head>

	<script src="./three.js"></script>
	<script src="./seedrandom.js"></script>
	<script src="./script.js" defer> </script>

	<body>
		<div id="wrapper">
			<div id="firstColumn">
				<div id="title">
					<h1>Self Assembling 3D Tile Simulator</h1>
				</div>
				<div id="mainCanvasHolder">
					<canvas id="mainCanvas" class="webgl" tabindex='1'></canvas>
				</div>
				<div id="buttonBar">
					<button id="resetButton" type="button">Reset</button>
					<button id="stepButton" type="button">Step</button>
					<button id="startButton" type="button">Start</button>
					<div>Delay: <input type="input" id="delayInput" value=0.00005></input></div>
					<button id="stopButton" type="button" disabled>Stop</button>
					<div>Seed: <input type="input" id="seedInput"></input></div>
					<div>Max Instance Count: <input type="number" id="instanceCountInput" value=4000></input></div>
				</div>
			</div>
			<div id="secondColumn">
				<div id="tileset">
					<h2>Tileset</h2>
				</div>
				<div id="tileViewer"">

				</div>
				<div id="json">
					<textarea id="jsonText"></textarea>
				</div>
				<div id="jsonButtons">
					<button type="button" id="generateButton">Generate</button>
					<button id="applyButton" type="button">Apply</button>
				</div>
			</div>
		</div>
	</body>
</html> 