Code Kirby in a Browser – TypeScript GameDev Tutorial

Subscribers:
10,700,000
Published on ● Video Link: https://www.youtube.com/watch?v=R6WvJOiX99s



Category:
Tutorial
Duration: 2:00:07
37,271 views
1,153


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: https://github.com/JSLegendDev/Kirby-like-ts
Live demo & download link for assets: https://jslegend.itch.io/kirby-like-platformer-asset-pack
Download Tiled here : https://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: https://www.freecodecamp.org

Read hundreds of articles on programming: https://freecodecamp.org/news




Other Videos By freeCodeCamp.org


2024-05-09Tezos Blockchain Developer Course – Python Web3 Development
2024-05-08Learn Git – Full Course for Beginners
2024-05-07GitHub Actions Certification – Full Course to PASS the Exam
2024-05-06Deep Learning Course for Beginners
2024-05-03From Construction Worker to Teaching MILLIONS of Developers with John Smilga [Podcast #122]
2024-05-02Code a Chess Game with Stockfish API – JavaScript Tutorial
2024-05-01Full Stack Tutorial – Fiverr Clone with NextJS, React, Convex, Typescript, Tailwind CSS, ShadCN
2024-04-30Next.js vs React – What's the difference?
2024-04-29Intro to AI Engineering – OpenAI JavaScript Tutorial
2024-04-26Ben Awad is a GameDev Who Sleeps 9 hours EVERY NIGHT to be Productive [Quincy Interviews him #121]
2024-04-25Code Kirby in a Browser – TypeScript GameDev Tutorial
2024-04-24Webflow Tutorial for Beginners – No-Code Web Design
2024-04-23Build a Google Photos Clone with Next.js and Cloudinary – Tutorial
2024-04-22Intuitive SQL For Data Analytics - Tutorial
2024-04-19CTO Andrew Brown on DevOps + Cloud Certification Exams [freeCodeCamp Podcast #120]
2024-04-18WebSockets Beginners Tutorial with Socket.IO
2024-04-17Learn RAG From Scratch – Python AI Tutorial from a LangChain Engineer
2024-04-16Data Science Essentials – Crash Course in A/B Testing with Case Study
2024-04-15Digital Ocean Tutorial – Deploy Django and Other Frameworks
2024-04-12CSS Artist Kass Moreno – freeCodeCamp Podcast #119
2024-04-11One-Click AI Web Development Tutorial - Learn how to Turn Figma Designs into Working Code using AI