This is so great. Thanks for sharing your code and your collections of tilesets etc, as well as where you got them from. I've been wanting to make a learning app into pokemon style quest adventure for quite some time now but I don't know anything about game development/engines out there. Your repo is a great introduction to exactly this kind of thing.
I wanted to do something with javascript/HTML5 that let me switch between this kind of map and little exercises that would switch over to React/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&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.
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/WebGL mode?
Great, thanks so much! After I was inspired by your project and I came across that Michael Westhadley guide but didn't know you used that specifically. Thanks for sharing your work because it really helps other figure out how to do similar things.
Ya that sounds best. I wasn't sure if you could show a dialog with DOM/React stuff in it over top of the Phaser 3 canvas space, (why not w/ some CSS) But ya I'd just have to look into how to do that.
Stay away from React bindings! It looks nice when you first start but you’ll soon enter memory leak hell forever. Biggest rookie mistake there is. Just stick to a dead simple framework-free UI, HTML+CSS
I didn’t — I made it from scratch and tried to get as close as I could to the original behaviour. But I bet I also lost a fair few more weekends than OP…!
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't escape so I had to start over, but I adore the concept. That said, I'm glad I don'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 "room to the right/left", if I back out (via browser), the character will continue going in that direction without any button being pressed.
Curious to know what "Metatheoretical Structuralism" 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.
Thanks for the bug report. Are you using Firefox? I knew this happens in FF and couldn't find a fix for it.
As for structuralism, the general idea is that it is a way to axiomatize empirical theories using formal logic and set theory. More specifically it postualtes that scientific theories have a typical logical structure, that you should be able to find in theories of many different fields (from physics to biology to sociology). And people have "reconstructed" (i.e. axiomatized) theories from all those fields. So, in a sense, it is like a theory about theories and how they are structured. Hope this helps ;)
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/read but I couldn't find a way to interact with it.
Also, I'd suggest making the bounding box of the player a bit smaller than the player itself, I keep slamming into everything when it's clear I should be able to move through, like this: https://www.youtube.com/watch?v=TQKXU7iSWUU
A little suggestion. On mobile I touch the screen to navigate and the character moves roughly towards the finger.
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.
FYI: I experienced a bug where I was able to unmute the sound icon twice in a row while a "..." icon was displayed, causing two tracks to play out of sync.
It happened for me walking out of the building to the left. I think I clicked unmute inside, walked back outside, and then clicked the "..." button. Firefox with only uBlock Origin for extensions.
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'd love to see more personal sites that explore creative (if arguably less pragmatic) ways of displaying information.
Very nice, though I'm slightly disappointed that there weren't more details. Namely, when the timer expires, nothing happens. The coin counter doesn't play a 1-up jingle or reset once it has reached 100. And the flag doesn't follow Mario down to the bottom when you scroll to the bottom of the page. These are all nitpicks, of course. It is quite an amusing and informative homepage.
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.
Or at the very least, allow us to leave our own NPCs somewhere with a comment about your site.
Ha, that's just a generic nemesis character. But, there are other characters based on real people (and inside jokes with them), like the girl who speaks of the mayo in the sample freezer or, weirdly, the guy with the killer robots :)
I wanted to do something with javascript/HTML5 that let me switch between this kind of map and little exercises that would switch over to React/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&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.
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/WebGL mode?