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

YouTube

Vertical 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 vertical platformer game using JavaScript and HTML Canvas in this comprehensive 3-hour 44-minute tutorial. Begin with project setup and domain configuration before diving into core game mechanics like gravity, player movement, and collision detection. Master sprite animation, hitbox implementation, and sprite swapping techniques. Explore advanced features such as platform jumping and camera panning. Conclude by launching your finished game on Hostinger. Access provided demo, game assets, source code, and recommended tools to enhance your game development skills.

Syllabus

Project summary
Project setup
Domain setup
Gravity
Player movement
Background sprite
Collision blocks
Collision detection
Sprite animation
Hitbox implementation
Sprite swapping
Platform jumping
Horizontal camera panning
Vertical camera panning
Launch final product to Hostinger

Taught by

Chris Courses

Reviews

Start your review of Vertical 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.