Vertical Platformer Game Tutorial with JavaScript and HTML Canvas
Chris Courses Chris Courses
157K subscribers
458,731 views
0

 Published On Nov 7, 2022

This course was made possible thanks to Hostinger (a really great hosting service). Save up to 91% of by using the discount code CHRISCOURSES on checkout at https://www.hostinger.com/chriscourses

Demo: https://chriscourses.xyz/

Game assets: https://drive.google.com/drive/folder...
GitHub source code: https://github.com/chriscourses/verti...
Tiled map editor: https://www.mapeditor.org/

Warrior Art by Luiz Melo: https://luizmelo.itch.io/medieval-kin...
Background Art by Trixie: https://trixelized.itch.io/starstring...

0:00 Project summary
0:58 Project setup
8:55 Domain setup
16:15 Gravity
33:35 Player movement
42:50 Background sprite
57:22 Collision blocks
1:29:54 Collision detection
1:51:31 Sprite animation
2:16:19 Hitbox implementation
2:32:09 Sprite swapping
2:56:33 Platform jumping
3:11:27 Horizontal camera panning
3:31:13 Vertical camera panning
3:41:06 Launch final product to Hostinger

show more

Share/Embed