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

  Рет қаралды 37,505

freeCodeCamp.org

freeCodeCamp.org

Күн бұрын

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

Пікірлер: 37
@JSLegendDev
@JSLegendDev 20 күн бұрын
Hope you enjoyed the tutorial! If you want to see more JavaScript/TypeScript gamedev tutorials, head over to my channel!
@brunofelix5434
@brunofelix5434 20 күн бұрын
amazing class, gained +1 follower
@JSLegendDev
@JSLegendDev 20 күн бұрын
@@brunofelix5434 Thanks! Glad you liked it :)
@King_Sword77
@King_Sword77 20 күн бұрын
Where are you from?
@JSLegendDev
@JSLegendDev 20 күн бұрын
@@King_Sword77 Canada
@user-wk2qb4vg5f
@user-wk2qb4vg5f 13 күн бұрын
​@@JSLegendDev Can you make a 3D shooter game like 1v1lol ?
@skyguy3651
@skyguy3651 20 күн бұрын
Thank you very much! This is exactly what I wanted - improve my JS/TS skills by creating a little game!
@greeng448
@greeng448 20 күн бұрын
Thanks for the hard work ❤❤
@donaldflores6889
@donaldflores6889 20 күн бұрын
thanks for your hard work
@cariyaputta
@cariyaputta 20 күн бұрын
Amazing.
@MariaJuliaGomesdaSilva-ff3of
@MariaJuliaGomesdaSilva-ff3of 20 күн бұрын
thank you!!!
@Marshall_dev
@Marshall_dev 8 күн бұрын
amazing tutorial!! Kaboom is super fun! ive added a coin collection system, fixed inhale bug while colliding, and working on more levels!
@JSLegendDev
@JSLegendDev 7 күн бұрын
Nice!
@LiamEvan15
@LiamEvan15 20 күн бұрын
Thanks for this work !
@JawaCodePro
@JawaCodePro 18 күн бұрын
amazing
@rishiraj2548
@rishiraj2548 20 күн бұрын
👍
@teddysalas3590
@teddysalas3590 20 күн бұрын
hello,can you make a tutorial on huggingface how to make app with trained models using hugging face?
@yahyagoblin5498
@yahyagoblin5498 19 күн бұрын
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
@theodorosgeorgitsis5600 18 күн бұрын
Lol😂
@ahmedhesham1288
@ahmedhesham1288 4 күн бұрын
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?
@dirkschiller9060
@dirkschiller9060 12 күн бұрын
How did you create the art itself - clouds, kerby and enemies, etc. ?
@JSLegendDev
@JSLegendDev 12 күн бұрын
I use the aseprite pixel art editor and did the pixel art myself.
@spellz1015
@spellz1015 8 күн бұрын
anyone else having a problem where sprites would sometimes slide off the platform after landing?
@chenmzhang
@chenmzhang 7 күн бұрын
how can i get the picture "kirby-like.png"?
@ranma8890
@ranma8890 20 күн бұрын
Anything like this but React ?
@JSLegendDev
@JSLegendDev 20 күн бұрын
I'm thinking of starting to integrate React in future tutorials.
@48595157484812
@48595157484812 20 күн бұрын
thats the fun part - you transfer the knowdledge gained and do in your own ways
@SivaSai-fw3qp
@SivaSai-fw3qp 7 күн бұрын
why can't I download the assets
@Short_Clips44
@Short_Clips44 17 күн бұрын
Hello , what is meant with kirby?
@Short_Clips44
@Short_Clips44 17 күн бұрын
i see
@themks8452
@themks8452 20 күн бұрын
First to comment
@Nodsaibot
@Nodsaibot 20 күн бұрын
thank heavens no punjabi accent
@DiegoDellaV
@DiegoDellaV 20 күн бұрын
I hear a French accent.
How I Made Kirby Maker
9:21
CodeNoodles
Рет қаралды 656 М.
This UI component library is mind-blowing
8:23
Beyond Fireship
Рет қаралды 534 М.
Uma Ki Super Power To Dekho 😂
00:15
Uma Bai
Рет қаралды 41 МЛН
Designing my own Kirby Ability
11:32
Brandon James Greer
Рет қаралды 230 М.
The ARM chip race is getting wild… Apple M4 unveiled
4:07
Fireship
Рет қаралды 904 М.
Learn HTML Images, Videos & Audio in 6 Minutes
6:28
Learndev
Рет қаралды 476
15 Years Writing C++ - Advice for new programmers
4:04
SyncMain
Рет қаралды 1 МЛН
I REMADE My First Game 12 YEARS LATER!
37:50
The Cherno
Рет қаралды 29 М.
How I would learn to code (if I could start over)
10:52
PIRATE KING
Рет қаралды 1,2 МЛН
No-Nonsense Backend Engineering Roadmap
10:16
Codebagel
Рет қаралды 110 М.
Vite in 100 Seconds
2:29
Fireship
Рет қаралды 783 М.
How to make a Video Game - Godot Beginner Tutorial
1:17:12
Brackeys
Рет қаралды 719 М.
What would you call this layout?
23:11
Kevin Powell
Рет қаралды 30 М.