JavaScript Metroidvania Game Tutorial
Learn to make a metroidvania style game using JavaScript and the Kaboom (Now called Kaplay) library.
Guide on how to use Tiled + Kaboom.js : https://jslegenddev.substack.com/p/ho...
Guide on how custom events work in Kaboom.js : https://jslegenddev.substack.com/p/cu...
Guide on how to implement one way platforms : https://jslegenddev.substack.com/p/ho...
Live demo : https://jslegend.itch.io/javascript-m...
Source code : https://github.com/JSLegendDev/JavaSc...
Link to the Kaboom.js library : https://unpkg.com/[email protected]/di...
Assets used can be downloaded here : https://github.com/JSLegendDev/JavaSc...
(Original assets can be found here with extra paid assets : https://venoxxx.itch.io/pixxxelpunkkk... )
Modified u.png version (not needed if you use the GitHub link to download the assets) : https://github.com/JSLegendDev/JavaSc...
Modified burn3r.png version (not needed if you use the GitHub link to download the assets) : https://github.com/JSLegendDev/JavaSc...
Sound assets : https://github.com/JSLegendDev/JavaSc...
Map layouts (room1.json + room2.json) : https://github.com/JSLegendDev/JavaSc...
You can download Tiled here : https://mapeditor.org
-- Chapters --
0:00 Intro
5:45 Setup
14:09 Initializing Kaboom
21:26 Loading assets
33:05 Defining scenes
39:27 Understanding Game Objects in Kaboom
43:14 Implementing logic to load and display the map
1:16:16 Implementing logic to place colliders over the map
1:33:20 Implementing player logic
1:42:04 Implementing global state management
1:49:39 Continuing player logic implementation
2:22:23 Setting up our camera system
2:37:56 Implementing drone enemy
3:10:12 Implementing boss barrier
3:23:43 Implementing boss battle
3:56:42 Implementing health catrdiges + health bar
4:05:10 Making sure the player respawns when falling out of bounds
4:09:33 Implementing logic to link room1 and room2
4:28:16 Finishing touches
4:32:02 General guidance on how to deploy the project
Watch video JavaScript Metroidvania Game Tutorial online without registration, duration hours minute second in high quality. This video was added by user JSLegendDev 16 May 2024, don't forget to share it with your friends and acquaintances, it has been viewed on our site 4,210 once and liked it 227 people.