Figg
/
ColorTubes


			
				
					
						
						
							12345678910111213141516171819202122232425262728293031323334353637383940414243
							<!DOCTYPE html>
<html lang="">

<head>
	<meta charset="utf-8">
	<meta name="viewport" content="width=device-width, initial-scale=1.0">
	<title>p5.js example</title>
	<link href="./css/style.css" rel="stylesheet">
	<script src="./js/p5.min.js"></script>
	<script src="./js/tube.js"></script>
	<script src="./js/ui.js"></script>
	<script src="./js/game.js"></script>
	<script src="./js/drawer.js"></script>
	<script src="./js/controller.js"></script>
</head>

<body>
	<div class="row w-full justify-evenly border p-2 m-2">
		<span class="menuitem">
			<label>Tubes Number</label>
			<input type="number" size="5" id="tbNumber" value="10">
		</span>
		<span class="menuitem">
			<label>Tubes Levels</label>
			<input type="number" size="5" id="tbLevel" value="6">
		</span>
		<span class="menuitem">
			<label>Padding</label>
			<input type="number" size="5" id="padding" value="10">
		</span>
		<span class="menuitem">
			<label>Tube Size</label>
			<input type="number" size="5" id="tbSize" value="50">
		</span>
		<button type="button" onclick="newGame()">New game</button>
	</div>
	<div class="row justify-center">
		<main oncontextmenu="return false;">
	</div>
	</main>
</body>

</html>