Pac-man Game HTML CSS Javascript [With Source Codes]

Pac-man game developed using HTML CSS JavaScript

Pac-man is one of the most famous arcade game of all time. It is one of the classics of the medium, and an icon of 1980s popular culture. This game is developed using HTML, CSS and Javascript. HTML(Hyper-Text markup language) is the  standard markup language for creating web pages and web applications whereas CSS (Cascading Style Sheet) is the designing part of web pages.  JavaScript is a lightweight, interpreted, object-oriented language with first-class functions. It is the scripting language for web pages. It makes the web pages responsive on the occurrence of an event.

The player navigates Pac-Man through a maze containing various dots also known as Pac-Dots and four different-colored ghosts: Blinky, Pinky, Inky and Clyde. The goal of the game is to accumulate points by eating all the Pac-Dots in the maze. If the player eats all the Pac-Dots, he/she completes that ‘stage’ of the game and moves onto the next stage and maze of Pac-dots which is tougher than before. We can run this project in any browser like Internet Explorer,Google Chrome, Mozilla, etc.

Skills used:

  • HTML (Hyper Text Markup Language)
  • CSS (Cascading Style Sheet)
  • JS (Javascript)

Download link for source code is below:


You may also like...