Coding a Street Fighter game | JavaScript, HTML Canvas | Adding basic moves through states (Part 5)
Part 5 of my tutorial series on making a Street Fighter game using web technologies. In this video, we'll implement a state machine and learn how to use it to cleanly build our basic move set. We'll then attach it to a from so we can make our fighters dance to our will!
Complete Playlist: • How to code a Street Fighter game
Patreon Page: / shezzor
#canvas #streetfighter #javascript
Timestamps:
0:00 Title
0:23 Intro
2:18 Prep work for the state machine
3:52 Understanding entity state
4:38 Understanding the state machine concept
5:50 Adding the initial state machine structure
6:45 Migrating the forward and backwards moves to the state machine
11:22 Adding a form to control the states
14:58 Adding the idle state
16:58 Adding the jump up state
20:44 Updating the animations with frame delays
23:09 Adding the jump forward and backwards states
26:43 Applying a safe guard to the state machine
28:05 Adding the crouching state(s)
30:24 Refactoring the index file
33:02 Summary
33:24 End
Auf dieser Seite können Sie das Online-Video Coding a Street Fighter game | JavaScript, HTML Canvas | Adding basic moves through states (Part 5) mit der Dauer stunde minuten sekunde in guter Qualität ansehen, das der Benutzer shezzor's Dev Corner 30 Juni 2022 hochgeladen hat, den Link mit Freunden und Bekannten teilen, dieses Video wurde auf Youtube bereits 7,426 Mal angesehen und es wurde von 155 den Zuschauern gefallen. Viel Spaß beim Betrachtenden Zuschauern gefallen!
