Class Central is learner-supported. When you buy through links on our site, we may earn an affiliate commission.

YouTube

Pacman Game Tutorial with JavaScript and HTML5 Canvas

Chris Courses via YouTube

Start learning Write review
University of the People Ad

Earn Your CS Degree, Tuition-Free, 100% Online!

Learn More → Corporate Finance Institute Ad

Finance Certifications Goldman Sachs and Amazon Teams Trust

Learn More →

Overview

Google, IBM & Meta Certificates – 40% Off
One Coursera Plus subscription covers most Professional Certificates on Coursera.
Unlock All Certificates
This course guides learners through building a Pacman-style game from scratch with vanilla JavaScript and HTML5 Canvas. It covers map boundaries, movement, collision detection, pellets, scoring, ghosts, power-ups, win conditions, and animation.

Syllabus

- What we're developing
- Project setup
- Generate map boundaries
- Add Pacman with movement
- Add collision detection
- Swap boundaries with images
- Generate pellets
- Remove pellets on collision
- Add score
- Create ghost
- Create power-up
- Add win condition
- Pacman chomp animation

Taught by

Chris Courses

Reviews

Start your review of Pacman Game Tutorial with JavaScript and HTML5 Canvas

Start learning

Never Stop Learning.

Get personalized course recommendations, track subjects and courses with reminders, and more.

Sign up for free
Someone learning on their laptop while sitting on the floor.