How to Build a Platformer in JavaScript - Tutorial
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
On this page of the site you can watch the video online How to Build a Platformer in JavaScript - Tutorial with a duration of hours minute second in good quality, which was uploaded by the user JSLegendDev 20 August 2023, share the link with friends and acquaintances, this video has already been watched 26,465 times on youtube and it was liked by 820 viewers. Enjoy your viewing!
