index.html

<!DOCTYPE html>
<html>

<head>
	<meta charset="UTF-8">
	<meta name="viewport" content="width=device-width, initial-scale=1">

    <title>Maze Generator</title>
    <script src="p5.min.js"></script>
	<script src="cell.js"></script>
    <script src="PriorityQueue.js"></script>
	<script src="buttons.js"></script>
	<script src="generationRandom.js"></script>
	<script src="solveDFS.js"></script>
	<script src="solveBFS.js"></script>
	<script src="solveDijkstra.js"></script>
	<script src="solveBestFirstSearch.js"></script>
	<script src="solveAstar.js"></script>
	<script src="highlightPath.js"></script>
    <script src="sketch.js"></script>

	<style>
        
		body {
			margin: 10;
			padding: 10;
            background: #000;
			overflow: scroll;
		}

		canvas {
			margin: auto;
		}

        button {
            margin: 5px;
        }
    </style>
    
    
</head>

<body> 
	<div>
		<button onclick="startMazeGeneration()">Generate Maze</button>
		<button onclick="clearMaze()">Clear Maze</button>
		<button onclick="stopAnimation()">Pause Animation</button>
		<button onclick="resumeAnimation()">Resume Animation</button>
		<button onclick="redraw()">Step-by-step (Pause first)</button>
		<button onclick="addHoles()">Add random Holes</button>		
		<button onclick="setDrawErase()">Draw/erase wall on drag</button>
	</div>
	<div>
		<button onclick="startSolveDFS()">DFS</button>
		<button onclick="startSolveBFS()">BFS</button>
		<button onclick="startSolveDijkstra()">Dijkstra</button>
		<button onclick="startSolveBestFirstSearch()">Best First Search</button>
		<button onclick="startSolveAstar()">A* Search</button>
		<button onclick="haltPathfinding()">Halt Pathfinding</button>
	</div>
</body>


</html> 