JavaScript Adventure Platformer Game Tutorial
HTML-код
- Опубликовано: 31 май 2024
- - Guide on how to use Tiled + Kaboom.js : jslegenddev.substack.com/p/ho...
- Guide on how custom events work in Kaboom.js : jslegenddev.substack.com/p/cu...
- Guide on how to implement one way platforms : jslegenddev.substack.com/p/ho...
Lived demo : jslegend.itch.io/javascript-m...
Source code : github.com/JSLegendDev/JavaSc...
Link to the Kaboom.js library : unpkg.com/kaboom@3000.1.17/di...
Assets used can be downloaded here : venoxxx.itch.io/pixxxelpunkkk...
Modified u.png version : github.com/JSLegendDev/JavaSc...
Modified burn3r.png version : github.com/JSLegendDev/JavaSc...
Sound assets : github.com/JSLegendDev/JavaSc...
Map layouts (room1.json + room2.json) : github.com/JSLegendDev/JavaSc...
You can download Tiled here : 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 - Игры
I really recommend joining the official Kaboom.js discord if you can. You can ask questions and share your projects with other people using Kaboom.
Here's the invite link : discord.com/invite/aQ6RuQm3TF
I must have gotten recommended this from all the pygame stuff I watch. Even though I don't use JS thumbs up for a nice, detailed tutorial.
Thanks!
Wow. It’s here👍🏼👍🏼 Will watch for weekend learning💪🏼
i cant believe this is a four hours tutorial!!! I LOVE IT!!!
Very fun, thanks for share!🎉
Yeah baby! Thats what Ive been waiting for!
awesome video. thank you so much
Thanks for watching!
that's cool dude , well i think i have some more interesting projects in my portfolio . thanks
No problem! Thanks for watching :)
Super le tuto broo
De rien ;)
That kaboom link doesn't work or take you to a download section.
Never mind, I was trying to manually go through. I see there is a better way after watching some more of the video.
The Kaboom community thanks you