TE
TechEcho
Home24h TopNewestBestAskShowJobs
GitHubTwitter
Home

TechEcho

A tech news platform built with Next.js, providing global tech news and discussions.

GitHubTwitter

Home

HomeNewestBestAskShowJobs

Resources

HackerNews APIOriginal HackerNewsNext.js

© 2025 TechEcho. All rights reserved.

A developer portfolio as a 2D top-down walking simulator

76 pointsby JSLegendDevabout 1 year ago

20 comments

jesperweabout 1 year ago
Two suggestions: - Make <esc> close dialogs - Don't repeatedly show the dialogs already shown just because user touches same object again
评论 #39719851 未加载
nvaderabout 1 year ago
A small piece of feedback: the CS degree&#x27;s description says, &quot;I hanged it on the wall&quot;--the past participle for &quot;to hang&quot; should be &quot;hung&quot;[0]. So, the sentence should read, &quot;I hung it on the wall...&quot;<p>[0] Unless of course you&#x27;re talking about another type of hanging: <a href="https:&#x2F;&#x2F;www.merriam-webster.com&#x2F;grammar&#x2F;hung-or-hanged" rel="nofollow">https:&#x2F;&#x2F;www.merriam-webster.com&#x2F;grammar&#x2F;hung-or-hanged</a>
评论 #39720456 未加载
评论 #39720296 未加载
gnabgibabout 1 year ago
Given your HN name and the Github name.. I think this is your own site? You might want to change the `&lt;title&gt;` block to something other than &#x27;Vite App&#x27;.<p>Has anything changed since your Show HN submission 5 days ago? <a href="https:&#x2F;&#x2F;news.ycombinator.com&#x2F;item?id=39659471">https:&#x2F;&#x2F;news.ycombinator.com&#x2F;item?id=39659471</a>
评论 #39720350 未加载
lxeabout 1 year ago
I just want wasd controls. Clicking around and then getting surprised by various speech bubbles in not good UX.
评论 #39720427 未加载
评论 #39720457 未加载
gs17about 1 year ago
It&#x27;s a neat idea but I think you need to make the actual portfolio pieces more obvious (e.g. have them animated, glowing, or just more brightly colored to stand out more). I&#x27;d also recommend a way to get the resume&#x2F;CV directly without &quot;playing&quot;, even if you also make it more visible.<p>I, personally, would prefer tapping&#x2F;clicking to move to the location you tapped, with arrow keys&#x2F;WASD to move otherwise. It says &quot;tap&#x2F;click to move&quot; but clicking is not actually how you&#x27;re supposed to move. It also would feel better IMO to have the text pop up when you click on something specifically or hit some key (so walking by your diploma doesn&#x27;t take you out of motion multiple times). This could also help clear up things like the desk with two different interactions.<p>(also, set the page title!)
hackanabout 1 year ago
It&#x27;s pretty cool, but where&#x27;s the portfolio? :P<p>I was expecting to find like diff projects represented by things in the game, but couldn&#x27;t find any.<p>The idea is rad for sure, so keep on it!
stoniejohnsonabout 1 year ago
This is cool! I immediately tried to use my arrow keys to move around though.
评论 #39719828 未加载
turtleyachtabout 1 year ago
Looking around, developer is bilingual in French and has video tutorials for Kaboom.js:<p><a href="https:&#x2F;&#x2F;youtube.com&#x2F;@jslegenddev" rel="nofollow">https:&#x2F;&#x2F;youtube.com&#x2F;@jslegenddev</a><p>Resume link, but it&#x27;s to a template currently [pdf]:<p><a href="https:&#x2F;&#x2F;github.com&#x2F;JSLegendDev&#x2F;Resume&#x2F;blob&#x2F;main&#x2F;JSLegend%20Resume-1.pdf">https:&#x2F;&#x2F;github.com&#x2F;JSLegendDev&#x2F;Resume&#x2F;blob&#x2F;main&#x2F;JSLegend%20R...</a>
geuisabout 1 year ago
Love this. And that it works so well on mobile web.<p>Some suggestions:<p>Touch controls are sensitive. Add some kind of specific control pad area instead of the entire screen. Kept running into the same objects over and over and getting the same dialogs.<p>Don&#x27;t show the entire dialogs again and again. Provide some kind of prompt like &quot;Read?&quot;<p>Hitting &quot;Close&quot; should stop the dialog rendering immediately vs waiting for it to finish every time.
评论 #39720227 未加载
bulbosaur123about 1 year ago
Cute, but a bit gimmicky and too basic.
bborabout 1 year ago
This is adorable and amazing. Shoutout to the guy who did a similar thing years ago with Three.js and a little monster truck. If anyone remembers what I’m talking about please link it! Pops up here every now and again.<p>Some things I love:<p>- The content is hidden <i>but</i> every object is interactable with a cute message. This is a great way to make me want to keep “playing” without getting frustrated. Great principles of Consistency and Discoverability.<p>- The graphics are perfect, and fit well on a phone. Did you use AI or maybe buy this pixel art? Either way its minimalism adds an air of professionalism IMO.<p>- The messages are just adorable.<p>What I didn’t like:<p>- As others have said, needs a header for shortcut navigation. What if we’re sitting in an interview and I’m just trying to pull up your resume?<p>- Needs some indications right at the start showing what’s possible and which direction it lies in. I know I complemented the gamification&#x2F;scavenger hunt aspect, but I think a little practical consideration for the less hacker-inclined would be nice. Maybe in-universe signs, or a short welcome message?<p>- the computer doesn’t really look like a computer. Where’s the chair??<p>- There’s a weird pause before it prints any links to the message block. A tiny blemish on a very satisfying UI<p>Long story short, well done! I’m sure this will kill on YouTube. Please share any ideas you had on the way to this so we can (politely) steal them!!
评论 #39720849 未加载
numtelabout 1 year ago
Nice, a few years ago I tried making a game engine for maps made using Tiled that has a very similar look, slightly different controls though.<p><a href="https:&#x2F;&#x2F;numtel.github.io&#x2F;webgl-isometric&#x2F;" rel="nofollow">https:&#x2F;&#x2F;numtel.github.io&#x2F;webgl-isometric&#x2F;</a>
aaroninsfabout 1 year ago
Keyboard control pls. ASDF or IJKL or arrows or all of those.
kebmanabout 1 year ago
Somehow made me think of The Union Demo (1989) for the Atari ST, specifically the Main Menu with the walk-around side scroller where you selected doors to see the various sub-demos.^1 Great work!<p>[1]: Example video <a href="https:&#x2F;&#x2F;youtu.be&#x2F;cVDr-eFtPoU" rel="nofollow">https:&#x2F;&#x2F;youtu.be&#x2F;cVDr-eFtPoU</a>
jurisabout 1 year ago
Very fun! Did my best to break out of bounds, heh.<p>Only bug I found is if you hold down the left mouse button while you&#x27;ve brought up a dialog box, the character continues to walk afterwards (usually into the same object and summoning the same dialog box).<p>Cheers!
molly0about 1 year ago
This reminds me of my first real dev job, 10y ago, making small facebook games with <a href="https:&#x2F;&#x2F;phaser.io" rel="nofollow">https:&#x2F;&#x2F;phaser.io</a> it was actually kind of fun now that I think back.
erkkabout 1 year ago
This is amazing, I love it!<p>I&#x27;ve always wanted to delve into things like this as a web developer. Would you mind sharing the tools you used to build this and experience you had? Or even better, the repo?!<p>Good stuff!
joshuamcginnisabout 1 year ago
I like this. One of the issues I&#x27;m hearing from the SWE hiring community is that a lot developer applicants are too generic. Here, the developer managed to combine a passion and niche (gaming) with a skill (javascript development) and has taken the time to build demonstrable projects, including an engaging website and YouTube channel. There&#x27;s a lot here that can be emulated for other developers looking to differentiate themselves from the mass of generalists.
评论 #39720285 未加载
kylecazarabout 1 year ago
This is actually really smooth on mobile. Nice work.
jmoleabout 1 year ago
based on this, i would not be hiring you as a game dev.
评论 #39720110 未加载
评论 #39720000 未加载