Maze HTML
Use the p5.js library to implement a visual program for maze generation and pathfinding.
The program should include the following main functions:
Initialization (setup
function):
Set the canvas size and the maze grid dimensions (number of rows rows
, number of columns cols
), as well as the cell size cellSize
.
Create a two-dimensional array grid
to represent the maze, initially with all cells marked as walls.
Select a starting cell and mark it as a path.
Call the maze generation function to create the maze structure.
Call a function multiple times to trim dead ends in the maze.
Call a function to mark areas in the maze that are completely surrounded by walls (holes).
Call the pathfinding function to find a path from the specified start point to the specified end point.
Store the pathfinding results for drawing.
Draw (draw
function):
Set the background color.
Iterate over the grid
array.
Draw rectangles based on the cell's state: walls use one color, paths use another.
Highlight path cells marked as visited by the pathfinding function with a special color.
Cells marked as \