Code Your Own Kirby Game in a Browser - TypeScript GameDev Tutorial

Improve your TypeScript skills by building a fun Kirby game clone. Learn how to use Kaboom.js to create a 2d platformer game based on the classic video game.
Code: github.com/JSLegendDev/Kirby-...
Live demo & download link for assets: jslegend.itch.io/kirby-like-p...
Download Tiled here : www.mapeditor.org/
✏️ Course created by @JSLegendDev
⭐️ Contents ⭐️
⌨️ (0:00:00) Intro & Setup
⌨️ (0:08:32) Loading assets
⌨️ (0:14:42) Drawing the level in Tiled
⌨️ (0:29:53) Creating the level scene
⌨️ (0:34:07) Implementing logic for displaying the level
⌨️ (0:54:29) Implementing logic for player and enemies
⌨️ (1:57:15) Conclusion
⌨️ (1:58:11) Bonus : How to export your game
🎉 Thanks to our Champion and Sponsor supporters:
👾 davthecoder
👾 jedi-or-sith
👾 南宮千影
👾 Agustín Kussrow
👾 Nattira Maneerat
👾 Heather Wcislo
👾 Serhiy Kalinets
👾 Justin Hual
👾 Otis Morgan
👾 Oscar Rahnama
--
Learn to code for free and get a developer job: www.freecodecamp.org
Read hundreds of articles on programming: freecodecamp.org/news

[@JSLegendDev]

Hope you enjoyed the tutorial! If you want to see more JavaScript/TypeScript gamedev tutorials, head over to my channel!

[@brunofelix5434]

amazing class, gained +1 follower

[@JSLegendDev]

@@brunofelix5434 Thanks! Glad you liked it :)

[@King_Sword77]

Where are you from?

[@JSLegendDev]

@@King_Sword77 Canada

[@user-wk2qb4vg5f]

​@@JSLegendDev Can you make a 3D shooter game like 1v1lol ?

[@skyguy3651]

Thank you very much!
This is exactly what I wanted - improve my JS/TS skills by creating a little game!

[@greeng448]

Thanks for the hard work ❤❤

[@donaldflores6889]

thanks for your hard work

[@Marshall_dev]

amazing tutorial!! Kaboom is super fun! ive added a coin collection system, fixed inhale bug while colliding, and working on more levels!

[@JSLegendDev]

Nice!

[@MariaJuliaGomesdaSilva-ff3of]

thank you!!!

[@cariyaputta]

Amazing.

[@LiamEvan15]

Thanks for this work !

[@AlfinHidayat-br8hi]

amazing

[@ahmedhesham1288]

Hi, thanks first for this amazing tutorial.
i've a problem, the player always fell at the begining of scence, it's supposed to be on land at the start, i thinks this happenig because of issue in my code, how i can know where is the problem to fix it plz?

[@teddysalas3590]

hello,can you make a tutorial on huggingface how to make app with trained models using hugging face?

[@yahyagoblin5498]

hey there i was following your tutorial and then when you load the level after writing the code for displaying it I get a transparent/ checkers image could you please guide me on how to fix this
edit- ok so now the background color is showing up but the level png is not
edit2-ok I fixed it it was a typo

[@theodorosgeorgitsis5600]

Lol😂

[@rishiraj2548]

👍

[@spellz1015]

anyone else having a problem where sprites would sometimes slide off the platform after landing?

[@dirkschiller9060]

How did you create the art itself - clouds, kerby and enemies, etc. ?

[@JSLegendDev]

I use the aseprite pixel art editor and did the pixel art myself.

[@chenmzhang]

how can i get the picture "kirby-like.png"?

[@SivaSai-fw3qp]

why can't I download the assets

[@ranma8890]

Anything like this but React ?

[@JSLegendDev]

I'm thinking of starting to integrate React in future tutorials.

[@48595157484812]

thats the fun part - you transfer the knowdledge gained and do in your own ways

[@themks8452]

First to comment

[@Short_Clips44]

Hello , what is meant with kirby?

[@Short_Clips44]

i see

[@Nodsaibot]

thank heavens no punjabi accent

[@DiegoDellaV]

I hear a French accent.