Vertical Platformer Game Tutorial with JavaScript and HTML Canvas

Опубликовано: 07 Ноябрь 2022
на канале: Chris Courses

731,179

7.7k

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

Смотрите видео Vertical Platformer Game Tutorial with JavaScript and HTML Canvas онлайн без регистрации, длительностью часов минут секунд в хорошем качестве. Это видео добавил пользователь Chris Courses 07 Ноябрь 2022, не забудьте поделиться им ссылкой с друзьями и знакомыми, на нашем сайте его посмотрели 731,179 раз и оно понравилось 7.7 тысяч людям.

485