How to Build a Platformer in JavaScript - Tutorial

Pubblicato il: 20 agosto 2023
sul canale di: JSLegendDev

26,465

820

Learn to make a platformer game using JavaScript and the Kaboom (Now called Kaplay) library.

For written tutorials, go to my substack : https://jslegenddev.substack.com/

Link to the demo : https://jslegenddev.github.io/Mario-G...
Link to the source code : https://github.com/JSLegendDev/Mario-...

Link to the kaboom.js library : https://unpkg.com/kaboom@3000.1.1/dis...
(Instructions)
Open the link
Right click and save as
Put the file in the libs folder

⚠️ Check out my paid Mario-like asset pack : https://jslegend.itch.io/mario-like-p...
Link to sprite assets + font : https://juhosprite.itch.io/super-mang...
Link to key prompts assets : https://thoseawesomeguys.com/prompts/ (We only need arrow keys + space key)
Link to audio assets : https://github.com/JSLegendDev/Mario-...

-- Chapters --

0:00 Intro
1:51 Setup
8:19 Creating Scenes
15:32 Creating The Menu
54:19 Creating The Controls Menu
1:08:36 Creating The First Level
1:53:54 Creating The Player + Camera
2:15:24 Refactoring The Camera
2:18:51 Implementing Player Controls
2:44:21 Implementing Player Respawning Logic
2:56:26 Implementing Player Passthrough Platforms Logic
3:03:15 Displaying Player Jump Up/Down Animations
3:22:47 Implementing Coyote Time for Jumps
3:39:27 Implementing Coin Collection
3:43:52 Implementing UI for Coin Count and Lives Count
4:07:56 Transitioning from One Level to Another
4:11:37 Creating The Second Level
4:21:47 Creating The Third Level
4:32:47 Implementing Spiders Enemies/Mobs + Their AI
5:27:28 Implementing Fish + Flames Enemies/Mobs + Their AI
6:01:10 Creating and Adding Axes Obstacles
6:19:59 Creating and Adding Saws Obstacles
6:34:33 Implementing Birds Enemies/Mobs + Their AI
6:55:38 Implementing GameOver Screen + Winning Screen
6:59:29 Adding Background Sounds
7:11:01 Conclusion

In questa pagina del sito puoi guardare il video online How to Build a Platformer in JavaScript - Tutorial della durata di ore minuti seconda in buona qualità , che l'utente ha caricato JSLegendDev 20 agosto 2023, condividi il link con amici e conoscenti, su youtube questo video è già stato visto 26,465 volte e gli è piaciuto 820 spettatori. Buona visione!