Learn JavaScript to Make Games + Kaplay Library Course

Post Content

​ 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   Read More freeCodeCamp.org 

#programming #freecodecamp #learn #learncode #learncoding