Chapters (35)
- 0:00Intro
- 0:46Why learn JS to make games?
- 5:58Environment Setup
- 14:58Core concept #1 : variable and constants
- 28:29Core concept #2 : conditional statements and boolean operations
- 39:59Core concept #3 : complex data types (Arrays and objects)
- 52:13Core concept #4 : loops
- 1:06:20Core concept #5 : functions + param passing by reference vs by value
- 1:18:48Core concept #6 : local vs global scoping
- 1:21:34Core concept #7 : comments + how import/export js code works
- 1:28:56What is a library?
- 1:29:55Setting a modern dev environment with Node.js, NPM and Vite
- 1:44:27Making our first JS game
- 2:23:07How to export your JS game to a platform like itch.io
- 2:25:10Next steps (useful resources)
- 2:27:04Intro - What is Kaplay
- 2:28:30How to install Kaplay
- 2:32:42How to deploy/publish a game made with Kaplay
- 2:34:46How to initialize the Kaplay
- 2:40:06How to load assets in Kaplay
- 2:51:01How scenes work in Kaplay
- 2:54:03How game objects work in Kaplay
- 2:58:10Child vs parent game objects
- 2:59:46Kaplay major components : the sprite() component
- 3:02:49Kaplay major components : the area() component
- 3:05:52Kaplay major components : the body() component
- 3:10:57Kaplay major components : the text() component
- 3:19:01Introducing tags and get() method
- 3:22:57use() and unuse() methods to add/remove components
- 3:25:11Handling collisions with onCollide() and onCollideEnd()
- 3:31:14Handling use input with onKeyDown(), onKeyPress() and onKeyRelease()
- 3:44:15Advanced features : tween() function
- 3:47:05Advanced features : Briefly introducing how game maps are made in Kaplay
- 3:49:42Advanced features : Briefly introducing how AI made with state machines
- 3:51:03Advanced features : Briefly introducing custom events in Kaplay
Show the creator's full description
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
❤️ Try interactive JavaScript courses we love, right in your browser: https://scrimba.com/freeCodeCamp-JavaScript (Made possible by a grant from our friends at Scrimba)
⭐️ 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
Description and video by freeCodeCamp.org. This page is an independent companion view; the video is embedded from YouTube.