Learn JavaScript to Make Games + Kaplay Library Course

In this crash course you'll learn how to code in JavaScript so that you can start making games with it. Then you will learn how to use the Kaplay library so Game Dev is even easier.

Course created by @JSLegendDev Check out his written tutorials : https://jslegenddev.substack.com

⭐️ Links ⭐️ VSCode : https://code.visualstudio.com/ Node.js : https://nodejs.org The Modern JS Tutorial : https://javascript.info MDN Web docs for JS : https://developer.mozilla.org/en-US/docs/Web/JavaScript Kaplay docs : https://kaplayjs.com Kaplay installation guide : https://kaplayjs.com/guides/install Kaplayground : https://play.kaplayjs.com/ Kaplay Discord server : https://discord.com/invite/aQ6RuQm3TF

⭐️ Contents ⭐️ 0:00:00 Intro 0:00:46 Why learn JS to make games? 0:05:58 Environment Setup 0:14:58 Core concept #1 : variable and constants 0:28:29 Core concept #2 : conditional statements and boolean operations 0:39:59 Core concept #3 : complex data types (Arrays and objects) 0:52:13 Core concept #4 : loops 1:06:20 Core concept #5 : functions + param passing by reference vs by value 1:18:48 Core concept #6 : local vs global scoping 1:21:34 Core concept #7 : comments + how import/export js code works 1:28:56 What is a library? 1:29:55 Setting a modern dev environment with Node.js, NPM and Vite 1:44:27 Making our first JS game 2:23:07 How to export your JS game to a platform like itch.io 2:25:10 Next steps (useful resources) 2:27:04 Intro - What is Kaplay 2:28:30 How to install Kaplay 2:32:42 How to deploy/publish a game made with Kaplay 2:34:46 How to initialize the Kaplay 2:40:06 How to load assets in Kaplay 2:51:01 How scenes work in Kaplay 2:54:03 How game objects work in Kaplay 2:58:10 Child vs parent game objects 2:59:46 Kaplay major components : the sprite() component 3:02:49 Kaplay major components : the area() component 3:05:52 Kaplay major components : the body() component 3:10:57 Kaplay major components : the text() component 3:19:01 Introducing tags and get() method 3:22:57 use() and unuse() methods to add/remove components 3:25:11 Handling collisions with onCollide() and onCollideEnd() 3:31:14 Handling use input with onKeyDown(), onKeyPress() and onKeyRelease() 3:44:15 Advanced features : tween() function 3:47:05 Advanced features : Briefly introducing how game maps are made in Kaplay 3:49:42 Advanced features : Briefly introducing how AI made with state machines 3:51:03 Advanced features : Briefly introducing custom events in Kaplay

🎉 Thanks to our Champion and Sponsor supporters: 👾 Drake Milly 👾 Ulises Moralez 👾 Goddard Tan 👾 David MG 👾 Matthew Springman 👾 Claudio 👾 Oscar R. 👾 jedi-or-sith 👾 Nattira Maneerat 👾 Justin Hual

Learn to code for free and get a developer job: https://www.freecodecamp.org Read hundreds of articles on programming: https://freecodecamp.org/news