YoVDO

Vertical Platformer Game Tutorial with JavaScript and HTML Canvas

Offered By: Chris Courses via YouTube

Tags

Javascript Courses Game Development Courses HTML & CSS Courses Collision Detection Courses Sprite Animation Courses HTML Canvas Courses

Course Description

Overview

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

Related Courses

Creative Programming for Digital Media & Mobile Apps
University of London International Programmes via Coursera
Online Games: Literature, New Media, and Narrative
Vanderbilt University via Coursera
Game Design Concepts
Canvas Network
General Game Playing
Stanford University via Coursera
Program Arcade Games - Learn Computer Science
Independent