Build Pac-Man in JavaScript
A fun Course teaching you the fundamentals of JavaScript by Building a Retro Game
This playlist contains 30 interactive scrims.
Build Pac-Man in JavaScript
30 lessons1 hour 55 min
1. Introduction to Pacman and Prerequisites
2:38
2. Setting up your HTML and CSS
7:05
3. Creating our grid in JavaScript Part 1
7:32
4. Creating our grid in JavaScript Part 2
4:19
5. for Loops Challenge
3:47
6. Adding layouts using if else statements + challenge
5:19
7. Working with Indexes and Arrays
3:39
8. Moving Pacman with Keys and EventListeners
5:20
9. e.keyCode Update (Clone)
1:23
10. Switch Statements
4:25
11. Explaining Modulus
3:37
12. Moving Pacman with classList.add() and classList.remove()
2:18
13. Implementing statements to move our Pacman
2:45
14. Avoiding walls by using classList.contains()
4:31
15. Avoiding the ghost-lair using classList.contains()
4:33
16. Implementing Pacman's shortcut using indexes
2:04
17. Eating Pacdots and displaying the score using innerHTML()
3:22
18. Making ghosts using Classes and the Constructor Method
4:50
19. Drawing the ghosts using forEach()
2:46
20. Storing other variables in our Constructor
1:42
21. Passing parameters into functions
3:39
22. Using setInterval() to move ghosts at specific speeds
4:28
23. Making sure ghosts avoid walls and other ghosts
4:39
24. Eating Power Pellets using setTimeout()
5:32
25. Styling our scared ghosts
3:04
26. Eating scared ghosts
4:29
27. Defining a Game Over
5:17
28. Defining a Win!
4:08
29. Code Refactoring and Tidying
1:36
30. You've completed module 6! 🥳
0:32
