Premium Only Content

JavaScript Platformer 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/
Like the tutorial? You can support me here : https://www.buymeacoffee.com/jslegend
Link to the demo : https://jslegenddev.github.io/Mario-Game-Kaboom.js/
Link to the source code : https://github.com/JSLegendDev/Mario-Game-Kaboom.js
Link to the kaboom.js library : https://unpkg.com/kaboom@3000.1.1/dist/kaboom.mjs
(Instructions)
- Open the link
- Right click and save as
- Put the file in the libs folder
Link to sprite assets + font : https://juhosprite.itch.io/super-mango-2d-pixelart-platformer-asset-pack16x16
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-Game-Kaboom.js/tree/master/sounds
-- 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
-
8:11
MattMorseTV
1 day ago $18.18 earnedMacron just SURRENDERED.
81.6K99 -
1:35:03
Glenn Greenwald
11 hours agoTrump DOJ: There's Nothing to the Epstein Story; State Dept: Syria's Al-Qaeda are No Longer "Terrorists;" Trump & Lula Exchange Barbs Over Brazil | SYSTEM UPDATE #482
171K151 -
2:18:39
We Like Shooting
21 hours ago $7.90 earnedWe Like Shooting 618 (Gun Podcast)
48.5K -
2:42:17
Barry Cunningham
10 hours agoHERE'S WHY SOME IN MAGA ARE SO NEGATIVE ABOUT PRESIDENT TRUMP?
89.9K41 -
1:54:30
Joker Effect
8 hours agoWhy Gaming Streamers Aren't Successful and How To Fix It. Tim The Tatman was RIGHT... Kinda
44.7K3 -
3:43:25
megimu32
8 hours agoOTS: From Ozzy to Emo 🎸 The Rise & Fall of the Rockstar
29.2K2 -
1:22:50
Adam Does Movies
11 hours ago $1.60 earnedMovie News Live Taping! + AMA - LIVE!
27K -
1:47:11
EnDuEnDo
7 hours ago🚨Variety Stream 🎮 Push to 600 Followers 🚀 Chill Vibes 😎 Content Creator for @SelfMadeGGs & @SMKAcademy
17.5K1 -
5:49:58
Spartan
8 hours agoPro Halo Player | Ranked and Maybe SWTOR Later
13.4K1 -
34:14
Uncommon Sense In Current Times
12 hours ago $0.78 earnedBlueprint to Rebuild Liberty by 2026 | Rick Green's July 4th Action Plan
11.3K1