US $19.97

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

3 mins
Introduction to Creating a Dynamic Pacman Type Game Using JavaScript
free preview
Create Game Assets and Setup Code HTML and CSS
5 mins
Game Files Setup and Planning for JavaScript Game
free preview
8 mins
How to Create Game Assets for Pacman Game in JavaScript
6 mins
How to create with CSS - CSS Create the Ghosts
13 mins
How to setup Game assets CSS Create the PacMan
JavaScript Gameplay Create Pacman Game with Vanilla JavaScript Code
12 mins
How to select elements using JavaScript Select Elements
15 mins
How to Create Game Board JS
9 mins
Pacman Game how to Add Ghosts to Gameboard
6 mins
How to add to the game Add Ghosts to Gameboard 2
8 mins
How to make animations Add Animation Frame Movement
11 mins
How to make elements move within the game Movement Parameters
6 mins
How to setup Pacman Movement Mouth and Eyes
9 mins
How to add Ghost Movement JavaScript
View more lessons +

About the instructor

Laurence Svekis
Laurence Svekis
  • 9 students
  • 15 courses

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

Google Developers Expert - GSuite

Providing …

Read more
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?
  • Checkout