JavaScript DOM Pacman Game Project Learn JavaScript Code

Course Curriculum

Chapter 1: How to Create PacMan using JavaScript and the DOM only course introduction

Lecture 1: Introduction to creating a dynamic Pacman Type game using JavaScript

Chapter 2: Create Game Assets and setup code HTML and CSS

Lecture 1: Game Files Setup and Planning for JavaScript Pacman Game

Lecture 2: How to Create Game Assets for Pacman Game in JavaScript

Lecture 3: How to create with CSS – CSS Create the Ghosts

Lecture 4: Create Pacman ghost with CSS only Source Code Example

Lecture 5: How to setup Game assets CSS Create the PacMan

Lecture 6: Use CSS create Pacman Wall Power Pellet Dots and game score setup source code

Chapter 3: JavaScript Gameplay create Pacman game with Vanilla JavaScript Code

Lecture 1: How to select elements using JavaScript Select Elements

Lecture 2: JavaScript Game Element Selection and Setup Variables Code Example

Lecture 3: How to Create Game Board JS.

Lecture 4: CSS Grid to Create Main Game Board Grid for Pacman Code Example

Lecture 5: Pacman Game how to Add Ghosts to GameBoard

Lecture 6: How to add to the game Add Ghosts to GameBoard 2

Lecture 7: Add Ghosts and Pacman to Game Board – Source Code Example

Lecture 8: How to make animations Add Animation Frame Movement

Lecture 9: Add Event Listeners Move on Game Grid for Keypresses Source Code

Lecture 10: How to make elements move within the game Movement Parameters

Lecture 11: Pacman eat Dots Move and Avoid Walls on Grid Source Code

Lecture 12: How to setup Pacman Movement Mouth and Eyes

Lecture 13: Grid Movement and Detect Boundaries and Position Pacman Direction Source Code

Lecture 14: How to add Ghost Movement JavaScript

Lecture 15: Add Ghost Enemy Movement to Game JavaScript Source Code Example

Lecture 16: How to make assets move on their own Make The Ghosts Smarter.

Lecture 17: Create Smart Ghost Movement and Grid Row and Column Detection Code Example

Lecture 18: Adding Stop and Start GamePlay.

Lecture 19: Reset and Start Position for Ghosts and Pacman Coding Source Code Example

Lecture 20: JavaScript Game code updates Game Tweaks and Fixes

Lecture 21: Ghost opacity of elements with JavaScript Source Code example

Lecture 22: How to add score to your game Scoring added

Lecture 23: Add Game Scoring Source Code Example

Lecture 24: Add player options and gameplay concepts Game Over and Start

Lecture 25: Adding a start Button Source Code Example

Lecture 26: How to setup Game Over and Restart

Lecture 27: Game updates and setup restart options for game source code

Lecture 28: How to add gameplay Reset Default Values Restart

Lecture 29: Reset and reStart game values of arrays source code

Lecture 30: How to setup End Game Win Condition

Lecture 31: Player Win Condition Source Code

Lecture 32: How to add features Player PowerUP.

Lecture 33: Source Code Change Ghost Color on PowerUp

Lecture 34: Setup player powerup Pacman Eat the Ghost.

Lecture 35: GamePlay tweaks and visual adjustments for better gameplay Source Code

Lecture 36: Adding new levels and dynamic board generation New Levels and Boards

Lecture 37: Game updates and tweaks to code source code example

Lecture 38: How to automatically generate gameboards Generate Level Content

Lecture 39: How to Generate Level Content 2

Lecture 40: Generate Random Levels in JavaScript Game – Source Code Example

Lecture 41: Game play Final JavaScript Pacman Test and debug issues

Lecture 42: Source Code final Tweaks and Adjustments JavaScript Pacman Code

Lecture 43: JavaScript Pacman Game Review.

Chapter 4: Coding Examples with JavaScript Common Questions and source code

Lecture 1: Strings and Array methods coding examples with JavaScript

Lecture 2: Source Code Strings and Array methods coding examples with JavaScript