A simple Pacman game implementation using JavaScript and HTML5 Canvas.
- Smooth movement with directional controls.
- Collision detection with walls and ghosts.
- Eating mechanic that increases the score.
- Animated Pacman sprite with mouth opening/closing.
- Rotates sprite based on movement direction.
- The game map is represented as a 2D array (
map), where:1= Wall2= Food pellet3= Empty space after eating pellet
- Pacman moves in the current direction unless blocked by a wall.
- Pacman can change direction if the new direction is not blocked.
- When Pacman moves over a pellet, it is eaten and the score increases.
- Collision with ghosts triggers game over.
- Clone or download the repository.
- Open the
index.htmlfile in a modern web browser. - Use arrow keys (or configured controls) to move Pacman around the maze.
Pacmanclass manages player movement, animation, collision, and eating logic.- Uses sprite sheet animation cycling every 100ms.
- Collision detection based on Pacman’s position relative to the map grid.
- Direction constants ensure clean and understandable movement logic.
- None (Vanilla JavaScript and HTML5 Canvas)
This project is open source and available under the MIT License.