Build a Dev Portfolio as a 2D Game – JavaScript Course

Course developed by @JSLegendDev

⭐️ Contents ⭐️
⌨️ (0:00:00) Intro
⌨️ (0:03:35) Setup
⌨️ (0:16:40) Loading assets
⌨️ (0:19:36) How to use Tiled to draw maps
⌨️ (0:36:23) Writing logic to display map
⌨️ (0:45:02) Creating the player
⌨️ (0:52:13) Writing logic to display boundaries
⌨️ (0:58:07) Writing logic to display dialogue
⌨️ (1:16:28) Spawning the player + player movement logic
⌨️ (1:26:33) Writing logic for scaling the camera + animations + dialogue text

🎉 Thanks to our Champion and Sponsor supporters:
👾 davthecoder
👾 jedi-or-sith
👾 南宮千影
👾 Agustín Kussrow
👾 Nattira Maneerat
👾 Heather Wcislo
👾 Serhiy Kalinets
👾 Justin Hual
👾 Otis Morgan
👾 Oscar Rahnama

--

[dhirajsuthar]

For people not familiarising with the 2D-portfolio is you can create a 'normal' portfolio that is good for recruiters and give a dialog or something that takes them inside this, incase they are interested in checking out something like this. Great video by JSLegendDev, loved this concept.

[london-wallace]

Definitely going to build this and put it as a button on my portfolio. Don’t think having it be the landing page is the smartest tho. I wish recruiters cared enough

[dreamisover]

That's a pretty interesting concept for a portfolio, really neat

[nelsonfernandes]

Literally I was finishing my portfolio as a game yesterday and this drops now 😭... But this is perfect I can see where I can improve my project now. 😊

[the_artbreather]

But problem is here recruiters are quite lazy. They'll not even go through this :( and straight off reject the portfolio

[tomfoolery-chan]

This looks sick. Might do this this weekend.

[amdbest]

This is really creative way to make a protfolio

[annebeignatborde]

Valuable tutorial, thank you. I'll be coming back to it once I've worked out my theme and storyline 🙂

[minutesbibletruth]

we need a whole video on the canvas api

[LydiasPianoStudio]

Such a fun project! 😂🎉 Thanks for sharing! 😊

[keithconner]

Thank you. Please be gracious in the comments. Negativity only attracts more negativity

[QuirkyAvik]

I thought about this a while back unfortunately the HR didn't want to play, she asked me if I had a paper resume or linkdin. Unfortunate state of where I live, we kill creative thinking.

[antoinecoulon]

Un projet super intéressant et utile, ne convient effectivement pas pour tout type de métier ou portfolio mais sympa à réaliser ! Merci !

[VoluminousWind]

I have never imagined one could do this😅😅

[hassamulhaq]

such videos are useful, and diff in many cases.

[phat]

If it’s one of the several portfolio projects it may be acceptable but if there’re only 2D games in your portfolio it will be strange for any recruiter 😅

[diegoalberti]

Hi @JSLegendDev, fantastic portfolio! I did it. But my question is, which is the better way to publish it to be visible? Do I need to host the app in some well-known web server paying for it? Thank you very much! Really motivating!

[FlashFocusEdits]

hey quick question i've madea the entire portfolio and i've published it and it looks amazing, but when i go to the portfolio using my phone the text box that appears when you go to the tv, the bed etc. isn't responsive to my phones page, the words generate in the text box but the close button is so far down the screen i cant press close

[syarafiakmal]

I had an issue with the note part not showing, when i inspect it turns out that the app div component was stacked on top of the canvas component and because of the overflow of the body being hidden, it didnt show. I fixed this issue later by changing the position of the app div to absolute. I wanted to ask, why does this happen? when in your case it doesnt?

[SailAway]

Great tutorial, what extension are you using that autocompletes the semicolons in VS code. That was the hardest thing to follow due to the autocomplete boxes coming up. As I did not want to just copy and paste. If I type it, I can learn the syntax faster. Do you have any recommendations on debugging errors?