My Projects:


Pacman Game

Pacman Game


Technologies:

  • JavaScript
  • HTML
  • CSS

Notable features:

  • HTML Canvas
  • Tile Map (Walls)
  • AI for NPCs
  • Collision Detection
  • Keeping Score
  • Async Function

Description:
This project is a web game designed for PC devices. It's a Pacman game, with ghosts and pellets. Includes features like your score, three lives, pause, ghosts and end game. It has additional sound effects for better user experience.
Tip: Control pacman with keys "w" for upward movement, "s" for downward movement, "d" for right movement and "a" for left movement. Make sure your CapsLock is not pressed.

Problems and solutions:
Ghost AI turned out to be a more complicated feature then I had previously anticipated and I haven't done anything like it before. But, after some trial and error, and watching many tutorials, I found a solution that worked for my project. The key was to have an array of possible free pathways depending on where a ghost is located and where it could go.
Also, detecting collision was no small task either. Solving it involved using some geometry and angles, depending on where the object is.

See the Project | The CODE

Image Gallery


Click on pictures to see full size:

projekat
projekat
projekat
projekat
×