Coding Pac-Man in JavaScript Complete Tutorial Every Step Explained

отличное объяснение

Thanks! Super tutorial!

I have noticed that the ghosts mostly travel on the outside of the level and they barely reach the center.

I've cracked it. So I made it so all dots turn to cash when eaten then when all cash is eaten u win the game. I've created a new map for level 2 but not sure how switch to that map after first level is complete. Please help

Bro, this code not works on my computer. I have only background. I use new version of Linux. Where is the problem?

Hello, I downloaded the code but it doesn't show me the game
help me please

Please help with the win function to handle more than 1 dot type

So I've sorted the mobile controls. Yay but still struggling to win game with multiple dot types and sound issues on touch which is weird as user interacted first 🤔.
And just 1 more question. Can u respawn ghosts after they are eaten cos if the map is big and you've eaten the ghosts it's too simple.

Im struggling to make the win function as I have a couple of different types of dots

Hi Adam,
This is an amazing project, I'm learning so much from your clear teachings. Please please please can You add mobile functionality as a final touch to this project so I can play it on my phone and show friends etc.

Ok so I changed the const name to turn but now when he goes along the bottom hes upsidedown lol

Hi Adam I'm getting an error saying size is already defined so I'm having didfficulty rotating please help

I loved this tutorial. Your a great teacher and so clear and easy to follow. Pleeeease can you add mobile functionality as i like playing on my phone at work and showing my friends

I keep getting an error in Game.js for const ctx and const canvas. it says cannot redeclare block-scoped variable 'canvas'

Thanks for the easy following tutorial.
But I cant move pacman ,it is bug free.I don't have a clue

im only 2 minutes in and i can tell this will be another great tutorial so keep it up!

Thanks for the easy to understand tutorial.
I'd love to see a simple multiplayer RPG game next!

thank you!

Dziękujemy.

Thank you so much! Great stuff!

Great stuff!
I liked the pace, the explanations were on point, finished the tutorial with 0 confusion.
Definitely following for more!

Works good, How about a score?

Hi I have just subscribed to this brilliant tutorial. Basically I am sport journalist and I like writing creative sport article, mixing different genders like music, cinema and videogames to sport. So I need to implement PacMan, having a tennis court behind instead of a wall. I followed step by step your tutorial, but I am now blocked because gameloop function is not being called from Browser. There might be some firewall or some checks carried out, as I cannot see the wall being drawn and the function executing within the Chrome Console. The code is equal to your code. Any suggestion is really welcomed. Thanks in advance. Andrea

Very professional coding and teaching. thank you very much!

when we are inserting pacman image i am unable to do it, i tried to give the address directly to see other issue but still didn't get the result. any idea why?

There is no scoring and will this work on mobile?

wooooah this is insane, greatly appreciate your tutorials :)

Hey man! Very great tutorial! Do you have any ideas for implementing a pathfinding algorithm for the Ghosts? I want to make it so that Dijkstra’s algorithm is used with some randomness so the ghosts don’t kill you all the time. Thanks!

thank you! this is great

The use of Game dev terms and concepts is appreciated. Thank you ❤️🔥

For some reson I can't draw walls or yellow dots on canvas. Code looks exactly like yours. There should be no problem with directory to the image. There is no info about mistakes in the console. What could I do wrong? Any ideas?

For some reason when I implemented all of the pause methods for Pac-Man and the ghosts I’m not able to move them anymore? Could you help me where I’ve gone wrong

Very nice. Do you have a code snippet or advice for placing a bonus fruit in the middle of the screen, or having one enter and march around the board, like in Ms Pacman? I imagine it would be something like adding a 4th ghost in, but with a different sprite and having it always be flagged blue.

This tutorial was awesome! Helped a lot to understand JavaScript. But a I have a question… how can i put more levels to when all dots were gone he switch the map for the next level?

thank you so much so
smooth

Great walkthrough and I'm very excited to continue to grow this project. Thanks for all your work!

your video's are amazing! thank you for teaching us ^^

This is excellent! Your voice is clear and you explained your thinking! You are extremely underrated my man :)

Thanks for your making a very good game in JavaScript. That I follow your instructions to get pressed an arrow key code failed instead it can be used to return a string such as "ArrowUp" from the event.key.

In lines 9 to 13, the statement listed as pacman = tileMap.getPacman(velocity), is pacman.draw(ctx) defined? Thanks for your response in advance.

OMG I'm the 999 subscriber

Awesome!!! Thanks for all tutorial👍🏻

Thank you. Can you make a pong game, or memory card game, or dinosaur jumping game tutorials? Thank you.

This is such a great walkthrough, I highly recommend it!! I've even told my non-programmer friends about it

Great tutorial Adam! Made the game for my 7 year old kid since he discovered Nintendo Switch this summer and now he wants me to make Mario Bros!