TypeScript Fighting Game Tutorial
Become a member to get early access to upcoming tutorials : https://buymeacoffee.com/jslegend
For written tutorials, go to my substack : https://jslegenddev.substack.com/
Live Demo : https://jslegend.itch.io/fighting-game-in-typescript
Github Repo (Source code) : https://github.com/JSLegendDev/Fighting-Game-TypeScript
Download Tiled here : https://www.mapeditor.org/
Download VSCode here : https://code.visualstudio.com/
Inspired by Chris courses tutorial : https://www.youtube.com/watch?v=vyqbNFMDRGQ
Link for tileset and decorations assets : https://brullov.itch.io/oak-woods
Link for samurai assets : https://github.com/JSLegendDev/Fighting-Game-TypeScript/blob/master/public/assets/entities/samurai.png (Original assets comes from https://luizmelo.itch.io/martial-hero)
Link for ninja assets : https://github.com/JSLegendDev/Fighting-Game-TypeScript/blob/master/public/assets/entities/ninja.png (Original assets comes from https://luizmelo.itch.io/martial-hero-2)
-- Chapters --
0:00 Intro
5:12 Setup
19:06 Initializing the canvas + Creating the arena scene
31:02 Loading background art sprites and adding them to the scene
40:24 Drawing the map in Tiled
55:13 Implementing logic to draw map in game
1:54:51 Creating custom types
2:08:28 Explaining TypeScript Unions VS Intersections
2:11:21 Continuing Implementing logic to draw map in game
2:29:05 Implementing logic to set boundaries on the map
2:42:12 Create the Samurai and Ninja game objects
3:09:41 Writing shared logic for both the Samurai and Ninja in fighter.ts
3:13:30 Implementing Fighter controls + damage logic
3:53:29 Implementing logic to handle animations
4:00:26 Implementing logic that handles what happens when players are hit
4:05:13 Implementing logic to display winner vs loser after the fight is over
4:13:45 Implementing blinking effect when players are hit
4:22:17 Implementing health bars
4:36:54 How to export the game to be published on itch.io
-
49:35
Donald Trump Jr.
4 hours agoHULK HOGAN LIVE FROM THE RNC
100K113 -
DVR
Benny Johnson
5 hours ago🚨Donald Trump, Tucker, Kid Rock, Dana White, Hulk Hogan Bring Down the House at RNC | LEGENDS 🔥
54.6K48 -
DVR
Akademiks
6 hours agoCardi B Goes Crazy on Joe Budden. Schoolboy Q Declares War on OVO. Big Sean goes at Kendrick/Haters?
103K11 -
LIVE
Drew Hernandez
7 hours agoPRESIDENT DONALD J. TRUMP SPEAKS: RNC NIGHT 4
4,102 watching -
25:59
FrankSpeech Lindell TV
5 hours agoEmerald Robinson and Mike Lindell Live From Rumble Booth
36.5K13 -
56:06
Kimberly Guilfoyle
4 hours agoDay 4 of the RNC, Nelk Boys live!
96.6K61 -
1:27:15
Redacted News
5 hours agoThe TRUTH in Trump's Assassination Plot is Coming Out | Redacted w Natali and Clayton Morris
162K578 -
1:06:39
Russell Brand
5 hours agoTHE BIG FINALE at RNC: LIVE with Dan Bongino, Charlie Kirk & Nigel Farage - SF 411
211K357 -
2:27:31
Tucker Carlson
8 hours agoMike Cernovich on Epstein, Demons & Spirituality, and Feds Embedded in the Conservative Movement
290K285 -
2:34:20
BetterBachelor
6 hours agoThousands of questions, zero answers. Per usual no accountability for the Biden Admin
67.8K71