Class Central is learner-supported. When you buy through links on our site, we may earn an affiliate commission.

freeCodeCamp

GameDev with JavaScript and Kaboom.js - Metroidvania Game Tutorial

via freeCodeCamp

Overview

Embark on a comprehensive 4.5-hour tutorial to create a Metroidvania-style game using JavaScript and Kaboom.js. Master essential game development skills, from setting up your environment to implementing complex mechanics like enemy AI and boss battles. Learn to load assets, define scenes, manage global state, and create a dynamic camera system. Dive into player logic, design challenging enemies, and craft an engaging boss encounter. Explore advanced features such as health systems, room linking, and deployment strategies. Access provided resources including live demos, source code, asset links, and additional guides to enhance your learning experience and create a fully functional Metroidvania game.

Syllabus

⌨️ Intro
⌨️ Setup
⌨️ Initializing Kaboom
⌨️ Loading assets
⌨️ Defining scenes
⌨️ Understanding Game Objects in Kaboom
⌨️ Implementing logic to load and display the map
⌨️ Implementing logic to place colliders over the map
⌨️ Implementing player logic
⌨️ Implementing global state management
⌨️ Continuing player logic implementation
⌨️ Setting up our camera system
⌨️ Implementing drone enemy
⌨️ Implementing boss barrier
⌨️ Implementing boss battle
⌨️ Implementing health catrdiges + health bar
⌨️ Making sure the player respawns when falling out of bounds
⌨️ Implementing logic to link room1 and room2
⌨️ Finishing touches
⌨️ General guidance on how to deploy the project Thanks to our Champion and Sponsor supporters:

Taught by

freeCodeCamp.org

Reviews

Start your review of GameDev with JavaScript and Kaboom.js - Metroidvania Game Tutorial

Never Stop Learning.

Get personalized course recommendations, track subjects and courses with reminders, and more.

Someone learning on their laptop while sitting on the floor.