Coding a Street Fighter game | JavaScript, HTML Canvas | Intro and Tooling (Part 1)

Part 1 of my tutorial series on making a Street Fighter game using web technologies. In this video, we'll detail what we'll be building and touch on a few tools which you'll need to get started.

My Personal Tools
Code Editor - Visual Studio Code
Pixel Editor - GraphicsGale
General Graphics Tool - GIMP
Audio - Audacity

#streetfighter #javascript #canvas

0:00 Title
0:16 Intro
2:27 Code Editors
5:54 Image and Pixel Editors
9:58 Music and Sound (Audio) Editors
11:08 Resource and various sites
13:25 Summary
13:45 What's Next?
14:04 Preview of the current build

[shezzor]

If you feel I'm missing a vital tool to create games in the web using the JavaScript and the HTML canvas, why not drop a message detailing what you use?

[michaeldonchenko]

that's really crazy I am web developer with 3 years of experience and you motivated me to try recreating a dragon ball z fighting game I used to play 20 years ago! from a brief view I can say it's better quality than of most of the 2d unity videos I've seen, don't stop now I think you are very close to blow up with this channel, good luck.

[doncobradoncobra]

I went back to my chidhood, you gave me the energy of coding my own project. Thank you very much!

[TonyMM]

This looks ace! I've just finished Tetris with React and a JS shooting game, so this will be a nice follow on!

[justingrierson]

Thank you for this tutorial series, I'm learning so much, and when I'm finished I would love to show you my end result

[scottcooper]

An amazing series, such great depth with explaining concepts and methods. thank you!

[alanray]

Really appreciate all the info you've given. Can't wait to dive into the second video boss

[AfroBACN]

I recently started a very similar project in an attempt to learn canvas. This series is exactly what I never knew I needed. Just subscribed.

[Sam-czck]

aaah incredible, amazed by how someone can do cool things like this!! I'm very excited to see all the videos in the serie 😁

[HazemHuzayen]

I love the production value on the video, can't wait to see more videos in this series.
amazing job dude 🤘

[tomasburian]

I want to make a fighting game using my own characters from a project I'm working on. Thanks for this a lot :)

[chukwudiudennaka]

i developed my own sword slashing game using chris courses but now i want to buy more players assetpack and add more battle stages and also a 1p and 2p character select so i am really following you tutelage

[alanyanse]

Awesome ! I will to try Follow the tutorial

[baj_]

Liked and subscribed!! Please keep them coming!!

[synthc]

Please part 2! im suscribers thank so much!

[Alldeveloper]

Could you maybe make a tutorial on how to make local multiplayer for the game or have you already done it?

[hakimnizam]

Can you do this on a Mac book pro if so what are some good projects I could do on a MacBook Pro??

[TRA]

I see a lot of these tutorials utilizing HTML, virtually none working with components e.g. React.

I've tried turning some into components, but it's a ton of work rewriting everything.

This makes me wonder, why? Would love to have a talk

[israelonimowo]

if i join your coding club please will I have free access to street fighter coding game? @shezzor's Dev Corner