Learn how to build a Pac-Man clone from scratch using vanilla JavaScript, HTML, and CSS.

🧐 What’s Inside

• 0:00:00 - Intro Colbyashi Maru
• 0:00:12 - Welcome Jamund Furgeson
• 0:01:26 - What to expect with Colbyashi Maru
• 0:02:14 - Creating a new game board with JS, HTML, and CSS
• 0:11:51 - Using CSS grid to add a game layout with characters
• 0:18:54 - Adding main Critter character JavaScript class modeling
• 0:27:23 - Using Critter class to create different character types like ghosts
• 0:30:15 - Adding moving mechanism based on keyboard events
• 0:43:23 - Collision detection with additional movement checks
• 0:47:56 - Creating a “dead” state for the critter character when hitting ghost
• 0:54:29 - Eating dots and cherries with critter movement and detection
• 1:02:53 - Reviewing project and demo

#html #css #javascript