The Maze Generator

🏰 The Maze Generator An interactive maze generator and solver built with vanilla JavaScript, HTML5 Canvas, and CSS. Generate mazes of various sizes, solve them with AI algorithms, play manually, or watch an automated demo — all in your browser. ▶ Live Demo https://mazegenerator.github.io ✨ Features 🔄 Maze Generation Recursive backtracker algorithm for perfect maze generation Configurable sizes from 10×10 to 50×50 Instant generation with visual rendering 🤖 AI Solvers DFS — Depth-First Search with randomized neighbor exploration BFS — Breadth-First Search for shortest path guarantee A* — A-Star with Manhattan distance heuristic for optimal pathfinding Adjustable animation speed (1–100) Real-time visualization of visited cells, current position, and solution path 🎮 Manual Play Navigate the maze using keyboard (Arrow keys / WASD), touch swipe, or click/tap on adjacent cells Automatic backtrack detection — retracing steps removes them from your path Live timer and step counter Victory modal with stats (time, steps, path length, maze size) Confetti celebration on completion 🎉 🎬 Demo Mode Automated showcase cycling through all sizes (10×10 → 50×50) Rotates between DFS, BFS, and A* solvers 2-second pause between each maze for viewing the solution Loops continuously until stopped 🔍 Zoom & Pan Pinch-to-zoom on touch devices Mouse wheel zoom on desktop Drag/pan to navigate large mazes Auto-fit and center on generation and window resize 📱 Responsive Design Fully adaptive layout for phones, tablets, and desktops Fluid typography with clamp() scaling Dynamic viewport height (100dvh) for mobile browser compatibility Touch-optimized controls and interactions 💾 Persistent State Maze state saved to localStorage automatically Restores maze, player position, path, and timer on page reload