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

Learn to make a dev portfolio as a 2D game using JavaScript and the Kaboom (Now called Kaplay) library.

Substack post explaining how to implement mobile controls : https://jslegenddev.substack.com/p/ho...

Live demo : https://jslegenddev.github.io/portfolio/

Source code : https://github.com/JSLegendDev/2d-por...

Map files (map.json + map.png) be found here : https://github.com/JSLegendDev/2d-por...

Spritesheet can be downloaded here : https://github.com/JSLegendDev/2d-por... (I use a modified version of the original spritesheet available at https://momen-games.itch.io/happy-la-...)

Font can be downloaded here : https://datagoblin.itch.io/monogram

Tiled software can be downloaded here : https://mapeditor.org

-- Chapters --

00:00 Intro
03:22 Setup
16:27 Loading assets
19:23 How to use Tiled to draw maps
36:10 Writing logic to display map
44:49 Creating the player
52:00 Writing logic to display boundaries
57:54 Writing logic to display dialogue
1:16:15 Spawning the player + player movement logic
1:26:20 Writing logic for scaling the camera + animations + dialogue text