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:

NEW
Course
28
Lessons
3h 35m
Lesson time
beginner
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

SOURCE CODE is INCLUDED.....

  • 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

0:02:17
Introduction to Creating a Dynamic Pacman Type Game Using JavaScript
free preview
Create Game Assets and Setup Code HTML and CSS
0:04:11
Game Files Setup and Planning for JavaScript Game
free preview
0:07:07
How to Create Game Assets for Pacman Game in JavaScript
0:05:56
How to create with CSS - CSS Create the Ghosts
0:12:23
How to setup Game assets CSS Create the PacMan
JavaScript Gameplay Create Pacman Game with Vanilla JavaScript Code
0:11:03
How to select elements using JavaScript Select Elements
0:14:17
How to Create Game Board JS
0:08:10
Pacman Game how to Add Ghosts to Gameboard
0:05:58
How to add to the game Add Ghosts to Gameboard 2
0:07:20
How to make animations Add Animation Frame Movement
0:10:26
How to make elements move within the game Movement Parameters
0:05:51
How to setup Pacman Movement Mouth and Eyes
0:08:05
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