JavaScript DOM Pacman Game Project Learn JavaScript Code

——   Created by Laurence Svekis

Create a JavaScript Pacman game from scratch Vanilla JavaScript using Document Object Model DOM Game source code

Share this course:

3h 35m
Lesson time
Skill level

More about this course

Explore how YOU can CREATE a PacMan Type Game from scratch using JavaScript and ONLY JavaScript DOM

Perfect to practice and learn more about web design and web development - create game play directly within your website. Run in the browser and have fun!  Learn about game design and how you can create a DOM based web game from scratch using JUST JavaScript.

DOM Manipulation - Event Listeners - Create Elements on the Page - ALL DONE WITH JAVASCRIPT

Step by step how to create a GAME -

Using CSS create game assets

Setup the game board and select elements using JavaScript


  • Explore how you can create a PacMan type game from scratch using JavaScript
  • Practice JavaScript create your own version of the game
  • Explore how to manipulate elements on the page using JavaScript
  • DOM manipulation and element selection
  • Make the enemies smarter detect where the player is located
  • Score keeping from the game play
  • Start Stop and Restart game
  • Generate dynamic Game boards
  • Fully Dynamic code that you can update the variables and change the game

Build your own version of this game today.

28 Lessons

Introduction to Creating a Dynamic Pacman Type Game Using JavaScript
free preview
Create Game Assets and Setup Code HTML and CSS
Game Files Setup and Planning for JavaScript Game
free preview
How to Create Game Assets for Pacman Game in JavaScript
How to create with CSS - CSS Create the Ghosts
How to setup Game assets CSS Create the PacMan
JavaScript Gameplay Create Pacman Game with Vanilla JavaScript Code
How to select elements using JavaScript Select Elements
How to Create Game Board JS
Pacman Game how to Add Ghosts to Gameboard
How to add to the game Add Ghosts to Gameboard 2
How to make animations Add Animation Frame Movement
How to make elements move within the game Movement Parameters
How to setup Pacman Movement Mouth and Eyes
How to add Ghost Movement JavaScript
View more lessons +
This course is included in Arbington Premium
$15/month gets you access to every course. Start your 14 day trial today. ☝️

Class benefits

  • Certificate of Completion
  • 30 day satisfaction guarantee
  • 24/7 streaming access
  • Direct teacher access
  • 3h 35m of on-demand video
  • 2 downloadable files
  • Have a coupon?

About the instructor

I'm here to help you learnachieve your dreams, come join me on this amazing adventure today

Google Developers Expert - GSuite

Providing Web development courses and digital marketing strategy courses since 2002.

Innovative technology expert with a wide range of real world experience. Providing Smart digital solutions …

View full profile

For super learners, get unlimited access for $15 per month

Start your 14 day free trial. Cancel at any time.

Join Today Learn More