Please ensure Javascript is enabled for purposes of website accessibility

About This Course

Who this course is for:

  • JavaScript Coders
  • Anyone who wants to create a game on the web
  • Anyone who wants to practice JavaScript
  • Anyone who wants to learn how to create a Pac-Man type game

What you’ll learn: 

  • How to create a JavaScript Game using JavaScript and DOM
  • How to manipulate DOM elements using JavaScript
  • Game Development
  • JavaScript Code Project
  • How to create a Dynamic Game from scratch

Requirements: 

  • HTML, CSS, and JavaScript Fundamentals
  • Prior coding experience
  • Use of a code editor
  • Running code in a browser

Explore how YOU can create a Pac-Man 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 Pac-Man 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.

Our Promise to You

By the end of this course, you will have learned how to create a Pac-Man game using JavaScript DOM.

30 Day Money Back Guarantee. If you are unsatisfied for any reason, simply contact us and we’ll give you a full refund. No questions asked.

Get started today and learn more about game development.

Course Curriculum

Section 1 - Course Introduction
Introduction To Creating A Dynamic PacMan Type Game Using JavaScript 00:00:00
Source Code – PacMan Game 00:00:00
Section 2 - Create Game Assets And Setup Code HTML And CSS
Game Files Setup And Planning For JavaScript PacMan Game 00:00:00
How To Create Game Assets 00:00:00
How To Create With CSS – Create The Ghosts 00:00:00
How To Create The PacMan 00:00:00
Section 3 - Create PacMan Game With Vanilla JavaScript Code
How To Select Elements Using JavaScript Select Elements 00:00:00
How To Create Game Board JS 00:00:00
How To Add Ghosts To GameBoard – Part 1 00:00:00
How To Add Ghosts To GameBoard – Part 2 00:00:00
Add Animation Frame Movement 00:00:00
Game Movement Parameters 00:00:00
Setup PacMan Movement Mouth And Eyes 00:00:00
Add Ghost Movement 00:00:00
Make Assets Move On Their Own – Make The Ghosts Smarter 00:00:00
Adding Stop And Start Gameplay 00:00:00
Game Tweaks And Fixes 00:00:00
Add Score To Your Game 00:00:00
Setup Game Over And Start 00:00:00
Setup Game Over And Restart 00:00:00
Reset Default Values Restart 00:00:00
Setup End Game Win Condition 00:00:00
Player Powerup 00:00:00
PacMan Eats The Ghost 00:00:00
Add New Levels And Dynamic Board Generation 00:00:00
Generate Level Content – Part 1 00:00:00
How To Generate Level Content – Part 2 00:00:00
Final JavaScript PacMan Test And Debug Issues 00:00:00
JavaScript PacMan Game Review 00:00:00
top
Template Design © VibeThemes. All rights reserved.

Setup Menus in Admin Panel

3954196

Get LIFETIME ACCESS to ALL courses 

Enter your Name and Email for a chance to win Lifetime Access to all courses!
Promotion ends today.

3954197

Get LIFETIME ACCESS to ALL courses 

Enter your Name and Email for a chance to win Lifetime Access to all courses!
Promotion ends today.

Success! You are now entered to win lifetime access to all courses. Winners are selected at the beginning of each month. 

P.S. Look out for our exclusive sales only shown to students on our email list!