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

Start learning Write review
DataCamp Ad

AI Engineer - Learn how to integrate AI into software applications

Learn More → Coursera Ad

AI, Data Science & Cloud Certificates from Google, IBM & Meta

Learn More →

Overview

Google, IBM & Meta Certificates – 40% Off
One Coursera Plus subscription covers most Professional Certificates on Coursera.
Unlock All Certificates
This tutorial guides learners through building a Metroidvania game with JavaScript and Kaboom.js, covering setup, game objects, maps, collisions, player and enemy logic, boss battles, health, cameras, room transitions, and deployment.

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

Start learning

Never Stop Learning.

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

Sign up for free
Someone learning on their laptop while sitting on the floor.