DEMO LINK https://estherlopezdam.github.io/pacman/
PAC-ADVENTURES
Description
PAC-ADVENTURES is a recreation of the classic Pac-Man game. It includes Pac-Man and ghost movements, animations, collision detection, and keyboard control. Additionally, to test ghost movement, I implemented functionality to move them manually: pressing 1 to 4 selects a specific ghost, and using the WASD keys allows you to move it.
Motivation
Why did I choose this project?
Pac-Man is a classic, and recreating it presents a technical and creative challenge.
It allowed me to practice interactive programming and work with AI logic.
Technical Challenge
Biggest challenge: Implementing the collision logic between Pac-Man, the ghosts, and the walls.
Solution: I used a collision detection structure and optimized the checkCollisions method.
Technologies Used
HTML and CSS: For the structure of the page and the user interface.
Canvas: To create the game map and animate the characters.
JavaScript: For game logic, handling animations, and collision detection.
Features
Pac-Man and ghost movement with collision detection.
Keyboard control to move ghosts manually (keys 1-4 to select, WASD to move).
Interactive interface created through DOM manipulation.
Project Status
The project is still under development. The ghosts have some errors in the AI logic that need to be corrected, and individual behaviors for each ghost are planned to be implemented. Additionally, fruit power-ups will be added in the future.
Acknowledgements
Thanks to my teachers ❤️❤️ Carlos, Julio, Cristian, and Pool for supporting me on this adventure.
PAC-ADVENTURES
Descripción
PAC-ADVENTURES es una recreación del clásico juego Pac-Man. Incluye movimientos de Pac-Man y de los fantasmas, animaciones, detección de colisiones y control de teclado. Adicionalmente, para probar el movimiento de los fantasmas, implementé la funcionalidad para moverlos manualmente: pulsando del 1 al 4 se selecciona un fantasma y con las teclas WASD se lo puede desplazar.
Motivación
¿Por qué elegí este proyecto?
Pac-Man es un clásico y recrearlo representa un reto técnico y creativo.
Me permitió practicar programación interactiva y trabajar con lógica de IA.
Desafío técnico
Desafío más importante: Implementar la lógica de colisiones entre Pac-Man, los fantasmas y las paredes.
Solución: Usé una estructura de detección de colisiones y optimicé el método checkCollisions.
Tecnologías utilizadas
HTML y CSS: Para la estructura de la página y la interfaz de usuario.
Canvas: Para crear el mapa del juego y animar los personajes.
JavaScript: Para la lógica del juego, manejo de animaciones y detección de colisiones.
Características
Movimientos de Pac-Man y los fantasmas, con detección de colisiones.
Control de teclado para mover los fantasmas manualmente (teclas 1-4 para seleccionar, WASD para mover).
Interfaz interactiva creada mediante manipulación del DOM.
Estado del proyecto
El proyecto aún está en desarrollo. Los fantasmas tienen algunos errores en la lógica de IA que deben ser corregidos y se planea implementar comportamientos individuales para cada uno de ellos. Además, en el futuro se añadirán los power-ups de frutas.
Agradecimientos
Gracias a mis profesores ❤️❤️ Carlos, Julio, Cristian y Pool por haberme apoyado en esta aventura.