How to use it
Desktop: Click to start, WASD and mouse to move<p>Mobile: Dragging on left half of screen is move, right have is look<p>Append any subreddit to the url to switch subreddits<p>Tech stack
- Babylon.js for the 3d rendering engine<p>- Google Cloud Function which queries Reddit Api and then transforms the data depending on the data type<p>- For images: Transform and serve through <a href="https://images.weserv.nl" rel="nofollow">https://images.weserv.nl</a><p>- For videos (try /r/gifs, experimental) gets a url which can be played through a <video> tag, which is later copied frame by frame to a texture<p>- For websites, use puppeteer to take a screenshot<p>- For multiplayer (you can see other people in the same subreddit as you) <a href="https://colyseus.io/" rel="nofollow">https://colyseus.io/</a> and App Engine Flexible<p>- For chat, Firestore<p>Also, apologies for only having one avatar option! I wanted to add different genders, characters etc but didn't have time for the MVP!<p>Discord for more discussion: <a href="https://discord.gg/nrxQnT" rel="nofollow">https://discord.gg/nrxQnT</a>
Love this. Was much better than I expected since you also showed other users, what they were looking at, and let us have personalities like looking at each other and nodding yes/no which kept cracking me up.<p>A few people were at the Game of Thrones Cosplay submission (an image of two cute women in costumes) looking at each other and nodding. Some people formed a conga line.<p>It's easy to imagine stopping this project when you have the basic rendering + WASD working, but the multiplayer aspect was simple and fun.
Amazing! I might just use this as my go-to reddit app moving forward...<p>A couple suggestions: any chance movement could be a bit faster? I'd rather run through the museum if given the chance, just as I can scroll quickly through reddit. Maybe I'm just too used to playing CSGO and expect my character to move a bit faster<p>I kinda wish it included some slight head bobbing to, but I guess that's a matter of preference.
I made a similar (single-player) version a bunch of years ago when Mozilla first released WebVR or whatever they called it back then! <a href="https://github.com/mrspeaker/InternetExplorer" rel="nofollow">https://github.com/mrspeaker/InternetExplorer</a> - The controls were weird (they were ok in VR): wsad + arrows, and "enter" loaded any linked subreddits.<p>Surprisingly it seems like it still works (<a href="http://mrspeaker.github.io/InternetExplorer/" rel="nofollow">http://mrspeaker.github.io/InternetExplorer/</a> - though it seems that only certain image formats are loading now)
That is good fun. What's interesting is the amount of thought I'm willing to give something that's virtually hanging on a wall over an onscreen sentence in a list.<p>On a different note, one of the images from a Bloomberg post was simply showing "We've detected unusual activity from your computer network" and the usual reCaptcha "I'm not a robot" box.<p>Please join me in condemning such hostile behaviour of web sites. Of course it's 'unusual activity', it's unusually creative, and it's what the Internet used to be about.
Rendering quality would be greatly improved by generating mipmaps for your rendered text [1]. It's unclear how you're rendering text in Babylon, but you might have to use a slightly different approach to improve quality.<p>[1] <a href="https://developer.mozilla.org/en-US/docs/Web/API/WebGLRenderingContext/generateMipmap" rel="nofollow">https://developer.mozilla.org/en-US/docs/Web/API/WebGLRender...</a>
This is brilliant!<p>Really make yourself feel at home:<p><a href="https://3dforreddit.com/r/art" rel="nofollow">https://3dforreddit.com/r/art</a>
Dear devs, please `return false` from your keypress handlers (or preventDefault, stopPropagation, any of them!)<p>Otherwise my browser doesn't know you do something important with them, and uses keyboard for its own navigation and shortcuts, which fucks up your page.
Some subreddits work really well with this ambiance. E.g., <a href="https://3dforreddit.com/r/villageporn" rel="nofollow">https://3dforreddit.com/r/villageporn</a> :).
This is insane! You could kind of see Epic ripping this off and browsing a Reddit museum with your Fortnite character. It reminds me of Playstation Home too.. but the fact it's so easy to jump in really alters how this could work.
Amazing, this is clearly a glimpse into a future of internet content being less like a document and more like a virtual world.<p>Suggestion: the enter key should focus the chat box (like a FPS game) so you don't have to hit escape then click on it.
Great idea and the implementation is pretty good for v1. The v2 can index reddit and render that index as a fancy 3d structure that gives a 10,000 feet view on what's going on in reddit: relationship between subreddits, topics, comments, users. Perhaps this structure can look like a forest where heavy subreddits look like big branchy trees and users look like bees adding comments. Big plus if this is rendered in real time, at least with 1 fps. It's not entirely impossible that this idea may be good enough for a little startup (afaik, YC offers 150k for 7% if the idea seems worth exploring).
Congrats on shipping it! It worked nicely on my first try.
I think this might be the feature for visualizing data, when VR/AR become mainstream.<p>Imagine this but with stylized graphics that respond to real-time data: you could see a popular post like some sort of concert with tons of people (the website visitors). Every comment made on the post can be also read from them in real time.<p>It's a way I wanted to browse the web for a long time.
You really should not use this old-school QuickTime VR reverse-drag scrolling on a mobile device. That is not what anyone who's used a touch device in the last ten years expects.<p>When someone drags on a touch device, they expect to be dragging the thing they see. You touch something on the screen, move it around, and that thing follows your touch. Whatever you touched, it follows your finger around.<p>This site does just the opposite. When you drag on the screen, things move in the <i>opposite</i> direction. That's how QuickTime VR worked, but no one who is used to modern touch devices will be able to use this without being confused.<p>Or desktop devices for that matter. There is a simple solution: just study how Google Street view works on both mobile and desktop devices, and do that.<p>This could be a great site, and I would love to try it again if this one fundamental bit of navigation is fixed.
One step closer to the Metaverse, I suppose<p><a href="https://en.wikipedia.org/wiki/Metaverse#Stephenson's_Metaverse_in_Snow_Crash" rel="nofollow">https://en.wikipedia.org/wiki/Metaverse#Stephenson's_Metaver...</a>
Fantastic! Simple concept, but the effect is amazing. I felt like I was in a museum, except I was browsing reddit. This gives me a lot of really fun ideas regarding the future of the internet! I keep wondering where VR is going to go!
This is glorious, I just found a friend and we nodded at each other for a good while. Then I walked through the next best wall and lured others out, since they can still see the beam indicating the direction of my view.<p>Thanks for this!
This is a really neat concept! I love how you can see other people and their literal sightlines.<p>Some people have said that they wish movement was faster; I completely agree with that.<p>I also wish that more of the interface were integrated into the "museum" -- it would be nice to be able to go to other subreddits from within the museum itself rather than having to leave and go to the address bar.<p>I'd also like to be able to see comments somehow, since that's 80% of the experience of reddit for me!<p>The movement speed is definitely a dealbreaker though.
I think I read a John Grisham book that had something like this in it.... they had to find and destroy a file or something, but this is exactly how I pictured it.
this is an absolute gem to experience. my question: do you shard it off to different servers or some such thing? i only ask because trying to connect on both my mobile and my laptop, i can't seem to ever end up in the same apparent room as myself. but that's no but deal, just a minor curiosity.
Is it just me or do all other avatars freeze in place after a few minutes?<p>Loving this honestly, although I must say I saw another comment about visiting /r/gonewild. I must have been living under a rock because I did not know it was THAT kind of subreddit. Assumed it was hiking photographs.
Browsing <a href="https://3dforreddit.com/r/earthporn" rel="nofollow">https://3dforreddit.com/r/earthporn</a> in this really feels like going to an art gallery
I'm not into games at all, but this really captures my imagination. I can imagine enjoying interacting with the web this way. Maybe even coding this way if possible. Thanks!
Well that is just neat. Took a little time to adjust to movement on mobile but super fun when you get the hang of it. Really smooth. Thank's for sharing.
The movement on a touch screen is unintuitive. Dragging the screen moves it in the direction opposite to what you expect generally, when you scroll.<p>Great job, nonetheless
It reminds me of the Dk “eye whiteness” tapes my parents played for us as kids (except with slightly less insightful content.)<p>The multiplayer thing is awesome!!
<i>allows Apple Watch Series 5 to offer all-day 18-hour battery life</i><p>How is 18 hours considered "all day"!?!?<p>I retired my previous fitness watch (Polar M600) when its battery life got that bad, and moved to a Garmin 645M with almost a week of battery life. Being able to to travel on business without worrying about carrying (and loosing) the charger is very nice. The watch is "always on", does notifications, music, etc.
May I suggest . . .<p><a href="https://3dforreddit.com/r/shitHNSays" rel="nofollow">https://3dforreddit.com/r/shitHNSays</a><p>(I know, I know. But it is kind of funny to jump from HN to a museum of HN comments in 3D)
This doesn't work at all for me in Safari tech preview on Mac, just has weird blue background and some white lines. Normal safari seems to load a visual, but I can't seem to do anything with it. TL;DR- I don't get it, but thanks for sharing.
No thanks. I prefer the old Reddit, and by old Reddit, I actually mean the OLD reddit. <a href="https://www.reddit.com/r/redesign/" rel="nofollow">https://www.reddit.com/r/redesign/</a>