Readit News logoReadit News
masterspy7 · 6 years ago
How to use it Desktop: Click to start, WASD and mouse to move

Mobile: Dragging on left half of screen is move, right have is look

Append any subreddit to the url to switch subreddits

Tech stack - Babylon.js for the 3d rendering engine

- Google Cloud Function which queries Reddit Api and then transforms the data depending on the data type

- For images: Transform and serve through https://images.weserv.nl

- 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

- For websites, use puppeteer to take a screenshot

- For multiplayer (you can see other people in the same subreddit as you) https://colyseus.io/ and App Engine Flexible

- For chat, Firestore

Also, apologies for only having one avatar option! I wanted to add different genders, characters etc but didn't have time for the MVP!

Discord for more discussion: https://discord.gg/nrxQnT

noknownsender · 6 years ago
I dig the museum layout style.

It really popped on r/gonewild

bartread · 6 years ago
Uh, yeah, so, for anyone who didn't realise: r/gonewild is very much NSFW. I have just been educated on this point myself.
danielbln · 6 years ago
Do you support VR in any way? Can I use this in my Oculus Quest browser?
TuringTest · 6 years ago
Firefox Reality works on Oculus Quest, it's worth a try.

https://www.oculus.com/experiences/quest/2180252408763702/?l...

masterspy7 · 6 years ago
I just added WebVR support! You can enable it by clicking on the headset icon in the bottom right
alltalk10000 · 6 years ago
Second that!
drawkbox · 6 years ago
Well done, adding in some nice lighting from three.js or glslsandbox.com style would awesome.

Art Gallery:

https://3dforreddit.com/r/art

Earth Natural Art Gallery

https://3dforreddit.com/r/EarthPorn

srcmap · 6 years ago
This is very nice?

Can it be arrange as artworks on the wall in a long hallway? Or in a maze?

diimdeep · 6 years ago
Please share your thought process, how you get idea to build something like this?
orangse · 6 years ago
Not trying to flame the guy since he obviously put in a lot of work on his own, but the original idea is from a lainchan thread [1] for the 3d anonymous imageboard 3dchan [2]. I'm only assuming they're not the same person since this project is not on the 3dchan owner's github [3]. Again, the two are quite clearly different, and parallel creativity does exist in the realm of possibility, but my personal guess is he used the same concept to build something similar.

[1] https://lainchan.org/%CE%A9/res/17698.html

[2] https://3dchan.net/dungeon/

[3] https://github.com/AlexKrunch/AnonIB-3D

ljf · 6 years ago
Same question here - a long time ago when I first became a PO it was because I told my boss about an idea I'd had where our users could walk around our site - a little like this (this was a site aimed at kids). But this was 15 years ago and likely wouldn't have been half as cool! They asked me to rebuild the site anyway - though I was far far more traditional in my delivery in the end.
481092 · 6 years ago
His implementation may be new but the idea of interfacing with content in a 3D manner isn't. I remember trying out a 3D desktop program around 2003 and if I recall correctly, it came with a game demo disc.
thefifthsetpin · 6 years ago
Is there a way to invert (or even just disable) the y-axis?
siddboots · 6 years ago
Just spin your mouse around 180 degrees
asciimo · 6 years ago
I would love to invert the y-axis, too.
deskamess · 6 years ago
How do you make it stop so you can move your mouse to other tabs/parts of the browser?
omgmog · 6 years ago
Press the Escape key on your keyboard to regain mouse control
drusepth · 6 years ago
I spent like a full minute trying to figure this out before remembering I could just physically touch those other parts/tabs of the browser.
samvher · 6 years ago
Pretty cool! My vision keeps shifting to the left though if I don't actively counter-rotate to the right. It makes it a bit hard to keep looking at the same object.

Deleted Comment

masterspy7 · 6 years ago
Updated discord link, first one expired: https://discord.gg/sZrw5hT
subir · 6 years ago
I love it! Thanks for sharing under-the-hood stuff!
deadbunny · 6 years ago
Can't get it to work on Firefox on Android.
godelski · 6 years ago
Works for me on FF 68.1 on Android. /r/gifs doesn't though
0xDEFC0DE · 6 years ago
Do you filter NSFW stuff by default?
masterspy7 · 6 years ago
Right now it just loads whatever the subreddit returns. I'm working on adding an option for that. If you want to browse a SFW one you can just pick a subreddit you know is SFW:

https://3dforreddit.com/r/aww

mruts · 6 years ago
Why would you want that?
hombre_fatal · 6 years ago
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.

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.

It's easy to imagine stopping this project when you have the basic rendering + WASD working, but the multiplayer aspect was simple and fun.

desi_ninja · 6 years ago
the multiplayer aspect was pretty neat. another way of engaging with people
airstrike · 6 years ago
Amazing! I might just use this as my go-to reddit app moving forward...

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

I kinda wish it included some slight head bobbing to, but I guess that's a matter of preference.

tatami · 6 years ago
I tried to jump...

I can't be the only one who unnecesarily jumps around in every game unless it's penalized by some sort of stamina system.

y4mi · 6 years ago
As if penalties would stop me. Stamina recovers, but a missed jump is a missed jump!
amazinzay · 6 years ago
I like the casual nature of walking through a museum, but I agree with having a faster option. Possibly allow sprinting with shift key or as an alternative allowing double tapping of the wasd keys to run.
masterspy7 · 6 years ago
Just added Shift to sprint, enjoy!
mrspeaker · 6 years ago
I made a similar (single-player) version a bunch of years ago when Mozilla first released WebVR or whatever they called it back then! https://github.com/mrspeaker/InternetExplorer - The controls were weird (they were ok in VR): wsad + arrows, and "enter" loaded any linked subreddits.

Surprisingly it seems like it still works (http://mrspeaker.github.io/InternetExplorer/ - though it seems that only certain image formats are loading now)

ksangeelee · 6 years ago
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.

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.

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.

kthejoker2 · 6 years ago
Thanks, I hate it?

Seriously, great job, supremely disorienting - it almost felt like the Internet again.

gojomo · 6 years ago
Watch out, eventually every visit to Reddit on mobile will have half the screen taken up with:

  See this post in:
    
    Reddit 3d  [   OPEN   ]
    Reddit App [   OPEN   ]
    Safari     [ CONTINUE ]

jzig · 6 years ago
Yep, still better than the New Reddit. Great job!
pixelbath · 6 years ago
Still links to the new Reddit design when visiting links from Reddit 3D, unfortunately.
debaserab2 · 6 years ago
If I had to choose between using this or the new reddit UI I'd choose this
kthejoker2 · 6 years ago
Also, I could walk through the walls of the "museum", are there no clipping options?
SketchySeaBeast · 6 years ago
I actually followed the "rules" of the walls myself, until my forward key got stuck and I started phasing through things. I never even thought to check the clipping.
masterspy7 · 6 years ago
It's definitely possible, I just didn't have time to implement clipping properly haha.
Impossible · 6 years ago
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.

[1] https://developer.mozilla.org/en-US/docs/Web/API/WebGLRender...

eternalny1 · 6 years ago
This is brilliant!

Really make yourself feel at home:

https://3dforreddit.com/r/art

flas9sd · 6 years ago
r/Art and related subreddits really lend themselves to this. As the documenting of "related subreddits" is not standardized, reddit.com/dev/api has no way of listing them. Some write a /wiki/related page, most have it in the sidebar. Would make for an opportunity to add a webring-like "next" button.
siddboots · 6 years ago
https://3dforreddit.com/r/museum

A favorite of mine that seems very well suited.