Build a Developer Portfolio as a 2D Game | JavaScript Tutorial

Become a member to get early access to upcoming tutorials : https://buymeacoffee.com/jslegend

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

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

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

Map files (map.json + map.png) be found here : https://github.com/JSLegendDev/2d-portfolio-kaboom/tree/master/public

Spritesheet can be downloaded here : https://github.com/JSLegendDev/2d-portfolio-kaboom/blob/master/public/spritesheet.png (I use a modified version of the original spritesheet available at https://momen-games.itch.io/happy-la-v2-ts)

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