Coding Pac-Man in JavaScript Complete Tutorial Every Step Explained
In this tutorial we are going to build Pac-Man using pure JavaScript. Every step of the process will be explained. This is a great tutorial for beginner and intermedia developers. Learn game fundamentals such as the game loop, building a tile map, keyboard input, animation, collision detection and simple enemy AI.
Download the assets(images, sounds) from the complete project:
https://github.com//CodingWith-Adam/p...
Try the game here:
https://codingwith-adam.github.io/pac...
Links
Github
https://github.com/CodingWith-Adam/pa...
2D Collision Detection
https://developer.mozilla.org/en-US/d...
00:00 Intro
04:49 Setup
11:05 CSS
14:59 Game.JS
15:56 Game Loop
17:24 Tile Map
38:56 Visualize Tile Map
40:54 Pac-Man
57:59 Pac-Man Moving
01:11:22 Pac-Man Wall Collision
01:20:32 Pac-Man Animation
01:29:38 Pac-Man Rotation
01:44:51 Pac-Man Sound
01:46:47 Ghosts
01:58:09 Ghosts Moving
02:10:44 Ghosts Paused
02:14:03 Power Dot
02:21:22 Eat Power Dot
02:24:33 Power Dot Sound
02:32:23 Remove Errors
02:33:38 Ghosts Scared
02:40:29 Ghost Collision
02:49:34 Eat Ghost
02:54:00 Winning the game
02:59:23 Game Win and Over Screens
03:05:40 Congratulations!
On this page of the site you can watch the video online Coding Pac-Man in JavaScript Complete Tutorial Every Step Explained with a duration of hours minute second in good quality, which was uploaded by the user Coding With Adam 26 July 2021, share the link with friends and acquaintances, this video has already been watched 46,396 times on youtube and it was liked by 1 thousand viewers. Enjoy your viewing!
