Show HN: I made my personal website a Pokémon-style minigame using Phaser 3

This is so great. Thanks for sharing your code and your collections of tilesets etc, as well as where you got them from. I&#x27;ve been wanting to make a learning app into pokemon style quest adventure for quite some time now but I don&#x27;t know anything about game development&#x2F;engines out there. Your repo is a great introduction to exactly this kind of thing.<p>I wanted to do something with javascript&#x2F;HTML5 that let me switch between this kind of map and little exercises that would switch over to React&#x2F;DOM stuff. Seems like Phaser 3 would be a good (the best?) tool to do this? Any thoughts or suggestions? I mean like I would love to have a little world just like this you could walk around in but then when I walk up to a certain section in the library it would jump into an exercise which would involve Q&amp;A with the questions and promps using React and the DOM. Then when the person finishes the challenge it would jump back out to this tiled world.<p>I see people embedding Phaser games inside React apps, but is it possible to embed interactive React DOM components inside Phaser games? Or does everything have to stay in Canvas&#x2F;WebGL mode?

Did a similar thing but made my flat. And it’s gen 1 :) <a href="https:&#x2F;&#x2F;herostrat.us&#x2F;gary" rel="nofollow">https:&#x2F;&#x2F;herostrat.us&#x2F;gary</a>

Very cool. I would suggest implementing pathfinding with A* or a similar algorithm so that the character can walk around obstacles on the way to the point you click with the mouse.

This is delightful! I got stuck against the far right library wall after the research papers page and couldn&#x27;t escape so I had to start over, but I adore the concept. That said, I&#x27;m glad I don&#x27;t need to navigate a site like this every time I need to find any information at all, because fun as that would be it would take way too long lol.

Brilliant and fun. Small bug when I go into the &quot;room to the right&#x2F;left&quot;, if I back out (via browser), the character will continue going in that direction without any button being pressed.<p>Curious to know what &quot;Metatheoretical Structuralism&quot; is, I am having trouble understanding after looking it up. If someone could ELI5 I would appreciate it. I get that it is philosophical analysis of empirical science, but would like to understand it on a deeper level.

incredible! Bruno Simon also has a similar website but in 3D<p><a href="https:&#x2F;&#x2F;bruno-simon.com" rel="nofollow">https:&#x2F;&#x2F;bruno-simon.com</a>

Love it! Besides moving, can I perform any kind of action? That book on the church by the bottom right was asking to get grabbed&#x2F;read but I couldn&#x27;t find a way to interact with it.<p>Also, I&#x27;d suggest making the bounding box of the player a bit smaller than the player itself, I keep slamming into everything when it&#x27;s clear I should be able to move through, like this: <a href="https:&#x2F;&#x2F;www.youtube.com&#x2F;watch?v=TQKXU7iSWUU" rel="nofollow">https:&#x2F;&#x2F;www.youtube.com&#x2F;watch?v=TQKXU7iSWUU</a>

This is LOVELY!<p>A little suggestion. On mobile I touch the screen to navigate and the character moves roughly towards the finger.<p>It would be better if there was a virtual navigation pad where the user first touches the screen and make the character move relative to that virtual pad. That would make navigation on mobile much easier without needing to move the finger all the way the screen (especially on larger phones) and without potentially obscuring the actual lovely game art and content if going up with finger.

This is fucking cool.<p>FYI: I experienced a bug where I was able to unmute the sound icon twice in a row while a &quot;...&quot; icon was displayed, causing two tracks to play out of sync.

The chip tune selection, though unoriginal, make it an immediate 10&#x2F;10 ;) Loved the wind waker track

Love it. My personal site at one point was styled as a text adventure, but this is way cooler (and also way slower :P). I&#x27;d love to see more personal sites that explore creative (if arguably less pragmatic) ways of displaying information.

This is awesome. I&#x27;ve seen a similar concept before but way simpler than this (e.g. <a href="https:&#x2F;&#x2F;www.mariosaul.com&#x2F;" rel="nofollow">https:&#x2F;&#x2F;www.mariosaul.com&#x2F;</a>). Great job!

Pretty cool!<p>Just one suggestion: WASD support. Other than that, fantastic!

What would really take this to the next level is if multiple users could actually walk around on your site and see each other and even chat. Given that you probably wouldn’t expect more than a dozen or so people on at a time it shouldn’t be that difficult to implement a solution.<p>Or at the very least, allow us to leave our own NPCs somewhere with a comment about your site.

Love how fast it loads. I wasn&#x27;t even sure it had loaded properly, had to refresh a few times (just kidding).

Awesome. The mobile experience is great.

Nice work! But your menu links are all &#x27;#&#x27; hrefs apart from the &quot;home&quot; select item.

Okay, my first name is Ariel as well, and I gotta say -<p>This is awesome. You&#x27;re an inspiration, bro.

I found a bug too!<p>How did the killer robots guy get Regigas without also first acquiring Regirock? :P

Very cool! BTW who is your nemesis? (The character by the bottom right tree.)

This is just awesome.<p>Combining Pokemon art with Super Mario music is also an interesting choice that gave my brain a slight feeling of cognitive dissonance xD

Very cool Ariel! Cheers from a fellow Argentinian

awesome work! I am working on a small project which is kinda similar - i think these are the future of blogs and personal sites.

I think a virtual dpad would be a bit better than touch to move for mobile

This is awesome! Please add an optional bike too (outside only)

not sure if &quot;I will cefeat you, rival&quot; was a typo or a pun I didn&#x27;t get. Otherwise, was really cool!

Absolutely brilliant! Love the ingenuity.

I hope I could walk a bit faster.

you did the pixel art ?

Brilliant. Awesome.

this is dope. what did you use to make the art?

Too amazing!

Love this

it plays like garbage

amazing!