Vertical Platformer Game Tutorial with JavaScript and HTML Canvas

Vertical Platformer Game Tutorial with JavaScript and HTML Canvas

819.143 Lượt nghe
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/folders/1hqYFTOvtzxQQuFZPJjzUOOGjzAfEFEio?usp=share_link GitHub source code: https://github.com/chriscourses/vertical-platformer Tiled map editor: https://www.mapeditor.org/ Warrior Art by Luiz Melo: https://luizmelo.itch.io/medieval-king-pack-2 Background Art by Trixie: https://trixelized.itch.io/starstring-fields 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