Coding a Street Fighter game | JavaScript, HTML Canvas | Standing attacks & hurt/hit boxes (Part 10)

Part 10 of my tutorial series on making a Street Fighter game using web technologies. In this video, we'll start to add the standing attacking moves, while updating the control scheme to handle these new attacks and finally add the necessary hurt/hit boxes to allow for collisions. Complete Playlist: https://www.youtube.com/playlist?list=PLf9yt-2olqyLxr-vouWl-qk4toUfjF2LC Patreon Page: https://www.patreon.com/shezzor #streetfighter #javascript #tutorial Timestamps: 0:00 Title 0:17 Intro & Recap 2:06 Prepping the code for the light punch attack 3:54 Adding support for attack buttons to the controls 6:35 Adding support for key presses to the controls 10:06 Understanding how attacking moves work 12:20 Finishing up the light punch attack 13:04 Adding the remaining punch attacks 15:54 Adding the kick attacks 18:19 Understanding hurt/hit boxes 20:17 Adding hurt boxes to the animation frames 27:15 Adding hit boxes to the active attack frames 29:29 Adding collision detection 35:27 Adding the attacks to the movement states 35:51 Refactoring time! 38:22 Summary 39:12 End