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

YouTube

Multi-Room Platformer Game Tutorial with JavaScript and HTML Canvas

Chris Courses via YouTube

Overview

Save Big on Coursera Plus. 7,000+ courses at $160 off. Limited Time Only!
Learn to create a multi-room platformer game using JavaScript and HTML Canvas in this comprehensive tutorial. Begin with project setup and progress through key game development concepts including player creation, gravity implementation, movement mechanics, and background sprite integration. Master collision detection, sprite animation, and hitbox implementation to enhance gameplay. Explore advanced techniques like sprite swapping and level transitions through doors. By the end of this 3-hour tutorial, gain the skills to build a complete platformer game and understand next steps for further development. Access additional game assets and source code to support your learning journey.

Syllabus

What we're building
Sponsor: Into the AM
Project setup
Create a player
Gravity
Player movement
Background sprite
Collision blocks
Collision detection
Sprite animation
Hitbox implementation
Sprite swapping
Entering doors
Change levels
Finished product
Next steps

Taught by

Chris Courses

Reviews

Start your review of Multi-Room Platformer Game Tutorial with JavaScript and HTML Canvas

Never Stop Learning.

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

Someone learning on their laptop while sitting on the floor.