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
-
LIVE
Price of Reason
7 hours agoStallone DELIVERS Knock Out Punch with Tulsa King! Agatha All Along CRINGE! Ubisoft Stock TUMBLES!
659 watching -
LIVE
WeatherNation
2 days agoWeatherNation Live 24/7
6,736 watching -
1:32:14
Kim Iversen
5 hours agoDoctors IGNORED Her Horrifying Vaccine Injury. Hear Her Story Straight From Her | Alexis Lorenze
47.1K86 -
1:37:32
Glenn Greenwald
6 hours agoX Bans Reporter After JD Vance "Dossier" Published; Major DNC Fundraiser On Why She Is Leaving The Dem Party | SYSTEM UPDATE #342
68.4K71 -
7:51
Colion Noir
3 hours agoExposed, Kamala Harris Sponsored Handgun Ban & Confiscation Bill
25.2K19 -
54:34
Man in America
9 hours agoCongress & UN Preparing for 'MASS CASUALTY' Event & Martial Law? w/ Todd Callender
28.2K43 -
1:24:22
Flyover Conservatives
23 hours agoTony West: The Power Player Behind the Scenes You’ve Never Heard Of! - Edward Szall and Matthew Skow; Economic Update - Dr. Kirk Elliott | FOC Show
34.9K3 -
1:18:50
Precision Rifle Network
2 days agoGuns & Grub S3E1 - Back Like A Bad Rash
16.9K3 -
1:22:19
Donald Trump Jr.
12 hours agoKamala Fails Softball Interview, Adams Indicted, Live with Vivek Ramaswamy | TRIGGERED Ep.177
133K189 -
LIVE
VOPUSARADIO
1 day agoPOLITI-SHOCK! 9-26-24 "RECLAIM FREE SPEECH & OUR REPUBLIC"!! SAVE INFOWARS!!
563 watching