Coding a Street Fighter game | JavaScript, HTML Canvas | Adding Collision/Push boxes (Part 7)
Part 7 of my tutorial series on making a Street Fighter game using web technologies. In this video, we'll learn how the game handles collision, specifically the push boxes in this video. We'll also polish up the moves to keep it accurate to the original game.
Complete Playlist: • How to code a Street Fighter game
Patreon Page: / shezzor
#canvas #gamedevelopment #javascript
Timestamps:
0:00 Title
0:18 Intro
2:08 Re-cap
2:55 Prepping the "Jump start" and "Jump end" states
3:34 Adding the "Jump start" state
5:14 Adding the "Jump end" state
8:17 Allowing the fighters to change direction
9:53 Prepping the "Turn" states
10:18 Adding the "Turn" states
14:14 Understanding collision boxes
16:10 Prepping the push box
17:36 Adding the push box and making it visible
20:38 Applying the push box to the direction change and screen
21:44 Adding the push box collision
24:53 Allowing to push the opponent
25:51 Adding the crouch transition state
27:04 A large chunk of refactoring!
32:05 Summary and what's next?
33:25 End
На этой странице сайта вы можете посмотреть видео онлайн Coding a Street Fighter game | JavaScript, HTML Canvas | Adding Collision/Push boxes (Part 7) длительностью часов минут секунд в хорошем качестве, которое загрузил пользователь shezzor's Dev Corner 01 Август 2022, поделитесь ссылкой с друзьями и знакомыми, на youtube это видео уже посмотрели 5,061 раз и оно понравилось 112 зрителям. Приятного просмотра!
