Build PACMAN in vanilla JavaScript, HTML and CSS | Ania Kubow

Hello everyone! Welcome to another new video. This is Vanilla JavaScript Game walkthrough with HTML and CSS.

I have kept the styling at a bare minimum for you to go wild and make it your own. Please tag me as I would LOVE to see your game!!!

In this game I show you how to make Pac-Man move around the grid while avoiding walls, show you how to use the constructor method for all four ghosts to apply their unique characteristics to each one, including at what speed they move at. Clyde obviously being the slowest.

Inbuilt JavaScript methods I have used:
- addEventListener()
- getElementById()
- querySelector()
- for Loop
- appendChild()
- createElement()
- push()
- if else statements
- classList
- switch case
- keyCode
- forEach()
- setTimeout
- Class
- constructor
- setInterval()
- removeEventListener

Next steps:
My next goal is to make a copy of this game and apply logic to the ghost moves. At the moment they are choosing a direction to go in at random. I want to apply the logic that makes them move closer to wherever Pac-man is. (UPDATE! This video is now live on my channel here: https://www.youtube.com/watch?v=Rr2xCoOm5BM)

View code here: https://github.com/kubowania/pac-man

___
⭐ New to code and none of this is making sense? Watch my '12hr+ YouTube Coding Bootcamp' in which you will learn HMTL,CSS and JavaScript Fundamentals completely from scratch. It's on my channel and its 100% free.

⭐ In most videos I use Tabnine as my A.I autocompletion tool. You can download it for free here: http://bit.ly/tabnine-top-tool

⭐ You can get a blockchain domain with my affiliate link here: http://bit.ly/get-a-crypto-domain

⭐ If you would like to buy me a coffee, well thank you very much that is mega kind! : https://www.buymeacoffee.com/aniakubow

⭐ Sign up for weekly coding tips from my newsletter partnership: https://bit.ly/JS-tips

You can also find me on:
Twitter: https://twitter.com/ania_kubow
Instagram: https://instagram.com/aniakubow

#codingbootcamp​ #coding

Видео Build PACMAN in vanilla JavaScript, HTML and CSS | Ania Kubow канала Code with Ania Kubów