2022 HTML Canvas Platform Game Full Tutorial
🔴 Playlist: • 2022 2D Platform Game (Mario) On HTML Canv...
A platform game is a sub-genre of action video games in which the core objective is to move the player character between points in an environment. Platform games are characterized by levels consisting of uneven terrain and suspended platforms of varying height that require jumping and climbing to traverse.
What is HTML Canvas? The HTML canvas element is used to draw graphics, on the fly, via JavaScript. The canvas element is only a container for graphics. You must use JavaScript to actually draw the graphics. Canvas has several methods for drawing paths, boxes, circles, text, and adding images.
0:00:00 Introduction
0:00:15 Setting Up
0:01:48 Rendering Player
0:03:04 Gravity
0:04:17 Keyboard Events
0:04:55 Movement
0:08:00 Rendering Platform
0:09:14 Collision Detection
0:12:11 Realistic Jumping
0:15:19 Scrolling Effect
0:17:55 Rendering More Platforms
0:20:38 High Precision Collision Detection
0:24:00 Platform Images
0:29:50 Background
0:35:15 Parallax Scrolling
0:37:28 Death Scenario
0:42:18 Player Sprites
0:52:50 Flipping Player Sprite