--- title: Create a Developer Portfolio as a 2D Game | daily.dev description: Learn how to create a unique developer portfolio using Kaboom.js, a JavaScript library for game development. The course covers setup, loading assets, creating... canonical: https://daily.dev/posts/create-a-developer-portfolio-as-a-2d-game-uqi1mxnxj twitter:card: summary_large_image twitter:site: @dailydotdev og:type: website og:site_name: daily.dev og:title: Create a Developer Portfolio as a 2D Game | daily.dev og:description: Learn how to create a unique developer portfolio using Kaboom.js, a JavaScript library for game development. The course covers setup, loading assets, creating... og:url: https://daily.dev/posts/create-a-developer-portfolio-as-a-2d-game-uqi1mxnxj og:image: https://api.daily.dev/og/posts/UqI1MxNXJ.png og:image:alt: Create a Developer Portfolio as a 2D Game og:image:width: 1200 og:image:height: 630 og:locale: en --- > ## Documentation Index > Fetch the complete documentation index at: https://daily.dev/llms.txt > Use this file to discover all available pages before exploring further. # Create a Developer Portfolio as a 2D Game **[freeCodeCamp](https://daily.dev/sources/freecodecamp)** · 2 min read · 2114 upvotes · 85 comments ## Summary Learn how to create a unique developer portfolio using Kaboom.js, a JavaScript library for game development. The course covers setup, loading assets, creating game maps, displaying the map, creating the player, programming game boundaries and dialogue, player movement and spawning, camera scaling, animations, and dialogue text. ## Full article daily.dev links to this article rather than hosting it. Read it at the original source: ## Community discussion Top comments from developers on daily.dev. **@matteosantorodev** · 103 upvotes > Hi, this is my video game portfolio inspired by Gameboy graphics: > > https://matteosantoro.dev/ **@orcdev** · 29 upvotes > Always wanted to create something like this! **@sudoyasir** · 4 upvotes > It looks cool, specially for those who love retro games **@kaustubh449** · 3 upvotes > This is Awesome, I'll be building something like this too. **@arnaudmichel** · 2 upvotes > Nice tuto ! ## Similar posts on daily.dev - [Don’t just attend KubeCon \+ CloudNativeCon, Merge Forward your experience\!](https://daily.dev/posts/don-t-just-attend-kubecon-cloudnativecon-merge-forward-your-experience--l0rpp73x8) · CNCF · 1 upvotes · 0 comments - [Announcing H2 2026 KCDs](https://daily.dev/posts/announcing-h2-2026-kcds-m96goajm1) · CNCF · 1 upvotes · 0 comments - [Two months of Open Community Groups](https://daily.dev/posts/two-months-of-open-community-groups-asf52zhbs) · CNCF · 0 upvotes · 0 comments --- Tags: [#webdev](https://daily.dev/tags/webdev), [#javascript](https://daily.dev/tags/javascript), [#game-development](https://daily.dev/tags/game-development) [View this post on daily.dev](https://daily.dev/posts/create-a-developer-portfolio-as-a-2d-game-uqi1mxnxj) ```json {"@context":"https://schema.org","@graph":[{"@type":"Organization","@id":"https://daily.dev/#organization","name":"daily.dev","url":"https://daily.dev","logo":{"@type":"ImageObject","url":"https://daily.dev/apple-touch-icon.png","width":180,"height":180},"sameAs":["https://twitter.com/dailydotdev","https://github.com/dailydotdev","https://www.linkedin.com/company/daily-dev-ltd"]},{"@type":"WebSite","@id":"https://daily.dev/#website","url":"https://daily.dev","name":"daily.dev","publisher":{"@id":"https://daily.dev/#organization"},"potentialAction":{"@type":"SearchAction","target":{"@type":"EntryPoint","urlTemplate":"https://daily.dev/search?q={search_term_string}"},"query-input":"required name=search_term_string"}}]} {"@context":"https://schema.org","@type":"TechArticle","headline":"Create a Developer Portfolio as a 2D Game","url":"https://daily.dev/posts/create-a-developer-portfolio-as-a-2d-game-uqi1mxnxj","mainEntityOfPage":{"@type":"WebPage","@id":"https://daily.dev/posts/create-a-developer-portfolio-as-a-2d-game-uqi1mxnxj"},"datePublished":"2024-04-04T01:08:56.478Z","dateModified":"2024-05-09T09:28:18.744Z","description":"Learn how to create a unique developer portfolio using Kaboom.js, a JavaScript library for game development. The course covers setup, loading assets, creating...","image":"https://media.daily.dev/image/upload/f_auto,q_auto/v1/posts/a1436e24c7393d93591137be442f621a?_a=AQAEufR","thumbnailUrl":"https://media.daily.dev/image/upload/f_auto,q_auto/v1/posts/a1436e24c7393d93591137be442f621a?_a=AQAEufR","isAccessibleForFree":true,"articleSection":"freeCodeCamp","inLanguage":"en","publisher":{"@type":"Organization","name":"daily.dev","url":"https://daily.dev","logo":{"@type":"ImageObject","url":"https://daily.dev/apple-touch-icon.png","width":180,"height":180}},"author":{"@type":"Organization","name":"freeCodeCamp","logo":"https://media.daily.dev/image/upload/t_logo,f_auto/v1628412854/logos/freecodecamp","url":"https://daily.dev/sources/freecodecamp"},"commentCount":85,"discussionUrl":"https://daily.dev/posts/create-a-developer-portfolio-as-a-2d-game-uqi1mxnxj","interactionStatistic":[{"@type":"InteractionCounter","interactionType":{"@type":"LikeAction"},"userInteractionCount":2114},{"@type":"InteractionCounter","interactionType":{"@type":"CommentAction"},"userInteractionCount":85}],"keywords":"webdev,javascript,game-development","timeRequired":"PT2M"} {"@context":"https://schema.org","@type":"BreadcrumbList","itemListElement":[{"@type":"ListItem","position":1,"name":"Home","item":"https://daily.dev"},{"@type":"ListItem","position":2,"name":"freeCodeCamp","item":"https://daily.dev/sources/freecodecamp"},{"@type":"ListItem","position":3,"name":"Create a Developer Portfolio as a 2D Game"}]} {"@context":"https://schema.org","@type":"WebPage","@id":"https://daily.dev/posts/create-a-developer-portfolio-as-a-2d-game-uqi1mxnxj","comment":[{"@type":"Comment","text":"Hi, this is my video game portfolio inspired by Gameboy graphics:\nhttps://matteosantoro.dev/","datePublished":"2024-04-06T12:33:45.012Z","url":"https://daily.dev/posts/UqI1MxNXJ#c-9RvCVHMnt","author":{"@type":"Person","name":"Matteo Santoro Dev","url":"https://daily.dev/matteosantorodev","image":"https://media.daily.dev/image/upload/s--870BAqIS--/f_auto/v1743758192/avatars/avatar_Wof8uBFpsjovXPVoVAK1r"},"interactionStatistic":{"@type":"InteractionCounter","interactionType":{"@type":"LikeAction"},"userInteractionCount":103}},{"@type":"Comment","text":"Always wanted to create something like this!","datePublished":"2024-04-04T08:10:27.999Z","url":"https://daily.dev/posts/UqI1MxNXJ#c-XHV1CbUjx","author":{"@type":"Person","name":"OrcDev","url":"https://daily.dev/orcdev","image":"https://avatars.githubusercontent.com/u/7549148?v=4"},"interactionStatistic":{"@type":"InteractionCounter","interactionType":{"@type":"LikeAction"},"userInteractionCount":29}},{"@type":"Comment","text":"It looks cool, specially for those who love retro games","datePublished":"2024-04-05T09:15:22.449Z","url":"https://daily.dev/posts/UqI1MxNXJ#c-jYoXj6CWX","author":{"@type":"Person","name":"Yasir Nawaz","url":"https://daily.dev/sudoyasir","image":"https://media.daily.dev/image/upload/s---UBFQ6jQ--/f_auto/v1712308627/avatars/avatar_TZXUJNpSSSp4LGPY5aJdy"},"interactionStatistic":{"@type":"InteractionCounter","interactionType":{"@type":"LikeAction"},"userInteractionCount":4}},{"@type":"Comment","text":"This is Awesome, I’ll be building something like this too.","datePublished":"2024-04-06T15:22:03.686Z","url":"https://daily.dev/posts/UqI1MxNXJ#c-x4IIUvB1J","author":{"@type":"Person","name":"Kaustubh","url":"https://daily.dev/kaustubh449","image":"https://media.daily.dev/image/upload/s--5VYin4k3--/f_auto/v1714144634/avatars/avatar_aRfm0IYdrrlnSyL2wNafL"},"interactionStatistic":{"@type":"InteractionCounter","interactionType":{"@type":"LikeAction"},"userInteractionCount":3}},{"@type":"Comment","text":"Nice tuto !","datePublished":"2024-04-12T22:34:48.887Z","url":"https://daily.dev/posts/UqI1MxNXJ#c-f1lIaLukd","author":{"@type":"Person","name":"Arnaud Michel","url":"https://daily.dev/arnaudmichel","image":"https://avatars.githubusercontent.com/u/87248697?v=4"},"interactionStatistic":{"@type":"InteractionCounter","interactionType":{"@type":"LikeAction"},"userInteractionCount":2}}]} ```