Coding a Street Fighter game | JavaScript, HTML Canvas | Global state and scene systems (Part 11)

Опубликовано: 28 Сентябрь 2024
на канале: shezzor's Dev Corner
2,365
71

Part 11 of my tutorial series on making a Street Fighter game using web technologies. In this video, we'll start to refactor the code somewhat to allow for a scene system. We'll also explore how to use state across the whole game and continue to work on the status bar and attacks.

Complete Playlist:    • How to code a Street Fighter game  
Patreon Page:   / shezzor  

#streetfighter #javascript #tutorial

Timestamps:
0:00 Title
0:19 Intro & Recap
2:21 Revisiting the StreetFighter class
3:15 What are scenes?
4:59 Creating the first scene class
8:03 What is global state?
9:29 Creating the global state object
13:35 Applying global state to the status bar
18:57 Applying global state to the fighters
21:47 Fixing up the KO sign in the status bar
24:26 Adding the attack hit splashes
28:45 Brief description to index files
29:23 Adding event callbacks to add/remove entities
35:22 Refactoring time!
39:48 Summary
41:21 End