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

Programming Languages
University of Virginia via Udacity
Building a Basic Website
University of Massachusetts Amherst via Independent
iDESWEB, Introducción al desarrollo web
Miríadax
Web Engineering II: Developing Mobile HTML5 Apps
Technische Hochschule Mittelhessen via iversity
Web Application Architectures
University of New Mexico via Coursera