Maze Generator
Watch four algorithms carve four very different mazes.
IntermediateWeb appGame8–18hAI-buildable 4/5no setup
Generate mazes with several algorithms, animating the carving process, then solve them. Each algorithm produces a visibly distinct character — recursive backtracker makes long winding corridors, Prim's makes short branchy ones — and seeing that difference is the point.
UI
Logic
Useful
Hosting · Free forever
Deploys free on GitHub Pages, Cloudflare Pages or Vercel Hobby.
Deploy it and share a link.
Core features · 7
- At least three generation algorithms
- Generation animates step by step
- Grid size and animation speed are adjustable
- The generated maze can be solved with the path animated
- Each algorithm's characteristic style is visibly different
- The maze exports as an image
- Every generated maze is guaranteed solvable
The interesting part
- Recursive backtracking needs an explicit stack to avoid blowing the call stack
- Animating generation without recomputing the whole maze each frame
- Representing walls between cells rather than as cells
Once it works
- Add a playable mode where you navigate the maze
- Add non-rectangular maze shapes
- Add braided mazes with loops
Suggested stack
reacttypescripttailwindcanvas-api