Vertical Platformer Game Tutorial with JavaScript and HTML Canvas
Chris Courses via YouTube
-
10
-
- Write review
AI Engineer - Learn how to integrate AI into software applications
The Investment Banker Certification
Overview
Google, IBM & Meta Certificates – 40% Off
One plan covers every Professional Certificate on Coursera.
Unlock All Certificates
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