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

freeCodeCamp

Build a Dev Portfolio as a 2D Game - JavaScript Course

via freeCodeCamp

Overview

Create a unique 2D game-style developer portfolio using Kaboom.js in this comprehensive JavaScript course. Learn to design interactive maps with Tiled software, implement player movement and dialogue systems, and showcase your skills creatively. Master techniques for loading assets, displaying boundaries, scaling the camera, and adding animations. Access provided resources including live demo, source code, map files, spritesheet, and fonts to enhance your learning experience. Gain insights on mobile controls implementation through an additional Substack post. By the end of this 1 hour 38 minute tutorial, you'll have the skills to build an engaging, interactive portfolio that stands out in the developer community.

Syllabus

⌨️ Intro
⌨️ Setup
⌨️ Loading assets
⌨️ How to use Tiled to draw maps
⌨️ Writing logic to display map
⌨️ Creating the player
⌨️ Writing logic to display boundaries
⌨️ Writing logic to display dialogue
⌨️ Spawning the player + player movement logic
⌨️ Writing logic for scaling the camera + animations + dialogue text

Taught by

freeCodeCamp.org

Reviews

Start your review of Build a Dev Portfolio as a 2D Game - JavaScript Course

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.