Vertical Platformer Game Tutorial with JavaScript and HTML Canvas
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
Watch video Vertical Platformer Game Tutorial with JavaScript and HTML Canvas online without registration, duration hours minute second in high quality. This video was added by user Chris Courses 07 November 2022, don't forget to share it with your friends and acquaintances, it has been viewed on our site 731,179 once and liked it 7.7 thousand people.