ASMR Programming - Coding PacMan - No Talking - JavaScript, HTML, CSS

Hello. I'm SHUBH and i love to code. In this video, I have shared how i built Pacman Game using JavaScript, HTML, and CSS. I hope you like it! If you like the video show some love with Like Share and Subscribe to my channel Checkout my channel for - Building a snake game using Javascript, HTML and CSS https://youtu.be/g5P9uYklV5s 0:00 - Intro 0:34 - Creating Index, HTML, Style Files 0:53 - Adding HTML file 02:12 - Adding styles 11:18 - Initializing variables 14:14 - Creating walls - completeWallMaps[ ] 21:40 - Creating Pacman and ghosts - document.createElement('div') 27:33 - Adding event listeners for keys - window.addEventListner() 30:57 - Check if Pac is eaten with animation loop - requestAnimationFrame(animate) 35:26 - Moving the Pacman in active direction - movePac() 36:25 - Note: (mistake from my end) use forEach instead of some 52:03 - Giving movement to all Ghosts moveGhostsRandom() 01:08:24 - Give Shapes to Pacman and Ghosts - clip-path() 01:12:12 - Adding rotation to Pacman - transform=rotate 01:13:16 - Solving bugs for game over 01:17:04 - Yay Done! #codewithme #ASMR #codingtutorial #pacman #javascript