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
Смотрите видео JavaScript Metroidvania Game Tutorial онлайн без регистрации, длительностью часов минут секунд в хорошем качестве. Это видео добавил пользователь JSLegendDev 16 Май 2024, не забудьте поделиться им ссылкой с друзьями и знакомыми, на нашем сайте его посмотрели 4,210 раз и оно понравилось 227 людям.