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
Watch video Build a Dev Portfolio as a 2D Game - JavaScript Tutorial online without registration, duration hours minute second in high quality. This video was added by user JSLegendDev 10 March 2024, don't forget to share it with your friends and acquaintances, it has been viewed on our site 4,481 once and liked it 236 people.