YoVDO

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

Offered By: freeCodeCamp

Tags

Javascript Courses Web Development Courses Game Development Courses 2D Graphics Courses Collision Detection Courses Sprite Animation Courses

Course Description

Overview

Save Big on Coursera Plus. 7,000+ courses at $160 off. Limited Time Only!
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

Related Courses

Animation for Game Development Using PyGame
Coursera Project Network via Coursera
Learn Phaser.js: Animations and Visuals
Codecademy
Create a Dark Moody Atmospheric 2D Game with Unity and C#
Packt via Coursera
Animated Physics Game with JavaScript - Tutorial
freeCodeCamp
Create a Platformer Game with JavaScript - Full Tutorial
freeCodeCamp