Coding a Street Fighter game | JavaScript, HTML Canvas | Playing music and sound (Part 12)
Part 12 of my tutorial series on making a Street Fighter game using web technologies. In this video, we'll look into the Web Audio API and start to introduce music and sound in the game. We'll also finally add the hurt states to the fighters so that they react properly to attacks.
Complete Playlist: • How to code a Street Fighter game
Patreon Page: / shezzor
#streetfighter #javascript #tutorial
Timestamps:
0:00 Title
0:18 Intro & Recap
2:18 Understanding web audio
4:00 Adding Ken's background music
7:15 Understanding autoplay and audio playback
12:13 Adding sound effects
17:49 Adding our own audio util functions
20:06 Understanding the fighter hurt states
21:44 Prepping the code for the hurt states
24:56 Adding the hurt animations
27:29 Fixing the fighter draw order
28:25 Adding the hurt freeze sub-state
29:34 Adding the hurt shake sub-state
31:35 Adding the hurt slide sub-state
34:52 Refactoring time!
39:36 Summary
40:37 End