← Games
🧩
Maze Weaver
Generate a perfect maze from scratch, then watch an algorithm find its way out.
🔴 HardDifficulty
4-5 hoursTime
JavaScript, TypeScriptLanguages
What you're building
A tool that procedurally carves a brand-new, always-solvable maze every time you click Generate — using the same recursive backtracking algorithm behind countless maze generators — and then, on command, animates a breadth-first search finding the shortest path from start to finish. You'll see two classic computer science algorithms actually doing their thing, visually, step by step.
What you'll unlock 🔓
You'll need
- Basic JavaScript
- Arrays and recursion basics
- Canvas basics
- A code editor
- A browser
🗺️ Build roadmap
01 Set up a grid of cells on canvas
→
02 Represent each cell's walls
→
03 Generate a maze with recursive backtracking
→
04 Draw the finished maze
→
05 Let the player navigate manually with arrow keys
→
06 Implement BFS to find the shortest path
→
07 Animate the solver exploring the maze
→
08 Add regenerate and solve-speed controls
🔒
Log in to start building
Your first project is free -- create an account to unlock it.
Log in Sign up free