YoVDO

Pacman Game Tutorial with JavaScript and HTML5 Canvas

Offered By: Chris Courses via YouTube

Tags

Javascript Courses Web Development Courses Programming Courses Game Development Courses HTML & CSS Courses Arcade Games Courses Collision Detection Courses

Course Description

Overview

Embark on a comprehensive tutorial to create your own Pacman-style game using JavaScript and HTML5 Canvas. Learn essential game development concepts including project setup, map boundary generation, character movement, collision detection, image integration, pellet creation and removal, score tracking, ghost implementation, power-up mechanics, win condition setup, and character animation. Follow along step-by-step to build a fully functional Pacman game in less than 1000 lines of code, gaining valuable skills in game programming and canvas manipulation. Access additional resources, including game assets and pre-built map components, to enhance your learning experience and create a polished final product.

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

Related Courses

An Introduction to Interactive Programming in Python (Part 1)
Rice University via Coursera
How to Program Games: Tile Classics in JS for HTML5 Canvas
Udemy
Come creare un videogioco Arcade (PC, Android, iOS, Html 5)
Udemy
The Art of Doing: Video Game Basics with Python and Pygame
Udemy
History of Game Design: Prehistory to the late 1980s
LaSalle College via edX