A simple Pac-Man game implemented in JavaScript.

Open index.html in your web browser.

• Neon Sci-Fi visual style with glowing elements.
• Wall rendering using spritesheets with neighbor-aware tiling.
• Pac-Man entity rendering with mouth animation.
• Keyboard controls (Arrow keys / WASD) for Pac-Man movement.
• Touch swipe controls on canvas.
• Basic Gamepad support (D-Pad / Left Stick).
• Game map loaded from an array with defined tile types.
• Wall collision detection implemented.
• Horizontal map wrapping (tunnels).
• Pellets (lime green) and Power Pellets (magenta) added to the map.
• Pellet eating logic and score tracking.
• Power Pellet activation (changes Pac-Man color to magenta, flashes before expiring).
• Game States: Ready, Playing, Game Over.
• Start/Restart game logic via input.
• Score and Lives display.
• Centered canvas with basic responsiveness.
• Advanced Ghost AI with authentic behavior:
  • A Pathfinding*: Ghosts use A* search for optimal pathfinding in Chase, Scatter, and Eaten modes (performance optimized with path caching).
  • Scatter Mode: Ghosts target their assigned corners of the map.
  • Chase Mode: Each ghost has a unique targeting strategy (Blinky, Pinky, Inky, Clyde).
  • Frightened Mode: Activated when Pac-Man eats a Power Pellet, causing ghosts to move randomly and be vulnerable.
  • Ghost house behavior with timed exits.
  • Direction reversal when changing modes.
  • Proper ghost respawn when eaten.
  • Refined collision detection using a consistent walkability check.

Open index.html in your web browser.

• Arrow Keys / WASD: Move Pac-Man
• F2 / D: Toggle debug mode (shows ghost target tiles, paths, grid)
• Enter: Start/restart game

The project includes a helper tool, download_walls.html, to generate the assets/walls.png spritesheet required by the game.

Open download_walls.html in your web browser.

The tool allows customization of the generated walls:

• Background Color: Change the background color of the spritesheet.
• Wall/Glow Color: Set the color used for the wall lines and their glow effect.
• Glow Intensity: Adjust the strength/spread of the glow effect using a slider.
• Wall Thickness: Control the thickness of the wall lines (as a percentage of tile size) using a slider.

After adjusting the options, click the "Generate and Download walls.png" button. The generated image will be previewed on the page and automatically downloaded. Place the downloaded walls.png file into the assets/ directory, replacing the existing one if necessary.