How to Make a Metroidvania in JavaScript
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/kaboom@3000.1.17/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
On this page of the site you can watch the video online How to Make a Metroidvania in JavaScript with a duration of hours minute second in good quality, which was uploaded by the user JSLegendDev 16 May 2024, share the link with friends and acquaintances, this video has already been watched 8,232 times on youtube and it was liked by 327 viewers. Enjoy your viewing!
