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

30 Days to Learn Laravel
Laracasts
3D Graphics for Web Developers
Pompeu Fabra University via FutureLearn
A Beginner’s Guide to Web Development with HTML5
Packt via FutureLearn
Accessibility Audit
Amazon Web Services via AWS Skill Builder
Expanding Your JS Skills with Angular
A Cloud Guru