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

  • subir 6 years ago

    I love it! Thanks for sharing under-the-hood stuff!

  • 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?

      • ghostbrainalpha 6 years ago

        I clicked on the link at work and had an embarrassing moment as sexy Game of Thrones cosplay popped up for my boss.

  • 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.

  • diimdeep 6 years ago

    Please share your thought process, how you get idea to build something like this?

    • 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.

    • 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

      • Kiro 6 years ago

        There's no "original idea" here. It's an obvious idea I presumed most people have had. At least I have and I haven't seen any of these before so I don't see why he couldn't have made this independently of 3dchan.

  • 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

      • rgoulter 6 years ago

        On Desktop, Ctrl-l works for focussing on the "location" input, too.

    • 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.

  • thefifthsetpin 6 years ago

    Is there a way to invert (or even just disable) the y-axis?

    • asciimo 6 years ago

      I would love to invert the y-axis, too.

      • pixelpoet 6 years ago

        Same. I guess we're in some kind of weird minority...

        • airstrike 6 years ago

          Played more flying games than FPS ones growing up? ;-)

          • tempestn 6 years ago

            I played a fair bit of both, but inverted always just felt more natural to me. I swear early FPS games had it that way by default, but maybe I'm mis-remembering! Definitely hard for me to grok how people prefer the 'normal' way though.

    • siddboots 6 years ago

      Just spin your mouse around 180 degrees

  • 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

  • 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.

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.

  • 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.

  • 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!

  • masterspy7 6 years ago

    Just added Shift to sprint, enjoy!

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.

  • kthejoker2 6 years ago

    Also, I could walk through the walls of the "museum", are there no clipping options?

    • masterspy7 6 years ago

      It's definitely possible, I just didn't have time to implement clipping properly haha.

      • King-Aaron 6 years ago

        Clipping first, then it just needs NPC trolls that follow you everywhere spewing the actual comments from each thing you're in close proximity too - then you'll have a pretty neat game

    • 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.

  • 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 ]
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.

pornel 6 years ago

Dear devs, please `return false` from your keypress handlers (or preventDefault, stopPropagation, any of them!)

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.

fredley 6 years ago

This is glorious. It's a less good 'user experience' than browsing reddit itself, but it's also better in every way.

elipsey 6 years ago

Love it. I propose a 'fire' keybinding to downvote, like Doom process management.

austinhutch 6 years ago

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.

mappum 6 years ago

Amazing, this is clearly a glimpse into a future of internet content being less like a document and more like a virtual world.

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.

  • DC-3 6 years ago

    If this is what internet content is going to be like in the future I'm not looking forward to the future.

  • JustSomeNobody 6 years ago

    Yeah, looks like project looking glass for the desktop ca. forever ago. The future is here?

  • 52-6F-62 6 years ago

    The dream of the [late] 90's is alive?

  • Narishma 6 years ago

    You mean the future as imagined by someone from 1995?

    • seiferteric 6 years ago

      Maybe we can get a modern updated VRML spec going.

      • ben_w 6 years ago

        We definitely should, although probably from a completely different perspective than ‘94: High end phones can capture in 3D, so we should be able to store and view 3D images properly.

        I’m starting with the idea of PNGs where the channels represent RGBZ instead of RGBA, but obviously we need more than 8 bits of depth information, and we are starting to get and care about high dynamic range for RGB data as well… would 16R:16G:16B:16Z work?

        There’s also the point that depth information will have sharp boundaries, and it will probably be much worse for RGB information to blur over such a boundary as compared with the equivalent parts of a flat JPEG.

    • kalleboo 6 years ago

      Yeah I remember trying a demo that was literally trying to do this, just on our Mac Performa 5200 over a 14.4 modem (you had to pre-download the "map"). Even the design is eerily similar.

    • mustacheemperor 6 years ago

      I think it's possible that vision is closer to the real future than that sounds at face value. I also initially thought of lawnmower man era breathless predictions for VRML and mockups of the future 3D internet. But this is actually a surprisingly compelling experience. Is it wrong I kind of like that almost everything from the browsing experience of reddit is removed except the titles and the linked content? It's got a pleasing simplicity and the tangible nature of making the internet a physical place is appealing to my primitive brain somehow. Definitely not my new way to browse the web, but surprisingly charming.

wmp56 6 years ago

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).

kodachi 6 years ago

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.

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.

It's a way I wanted to browse the web for a long time.

stelonix 6 years ago

It looks neat, but I can't use it because it keeps looking up as if I were moving my mouse (I'm not). Running it on Firefox 69 on Linux.

  • NilsIRL 6 years ago

    I seem to have the same problem.

    (Firefox 69 w/ sway)

btreecat 6 years ago

Neat stuff! Why is it always yawing to the left? Sometimes I can get it to stop but as soon as I move the mouse again it continues to spin.

  • dwrodri 6 years ago

    I'm experiencing a similar bug. I think it's particular to the Linux build of Firefox, because I experience the same bug in krunker.io, but nowhere else.

    • btreecat 6 years ago

      It was also on Linux+Firefox

Stratoscope 6 years ago

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.

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.

This site does just the opposite. When you drag on the screen, things move in the opposite 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.

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.

This could be a great site, and I would love to try it again if this one fundamental bit of navigation is fixed.

avaku 6 years ago

As soon as I move the mouse, it makes me "look at the ceiling" and I can't get out of there :(

Tiktaalik 6 years ago

lmao this is pretty funny. It would be cool if it was a sort of infinite hallway that kept loading...

yowlingcat 6 years ago

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!

hans1729 6 years ago

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.

Thanks for this!

madc 6 years ago

It should be called 3ddit.com

  • jgtrosh 6 years ago

    I was thinking of r3ddit but 3ddit is good too.

    • madc 6 years ago

      r3ddit is a nice one too, good catch!

sdrothrock 6 years ago

This is a really neat concept! I love how you can see other people and their literal sightlines.

Some people have said that they wish movement was faster; I completely agree with that.

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.

I'd also like to be able to see comments somehow, since that's 80% of the experience of reddit for me!

The movement speed is definitely a dealbreaker though.

jefe_ 6 years ago

When I was a kid and my Uncle described Amazon as a 'new virtual bookstore,' this is almost exactly what I pictured. Very cool.

tiborsaas 6 years ago

I remember VRML being a thing and me wanting it be something usable :) Thanks for making this.

Feature request: I'd like to run holding shift

gao8a 6 years ago

Great job! Thank you for creating this and sharing this.

I can see people creating their own subreddit just for their own mini virtual exhibits.

krapp 6 years ago

Cool... this reminds me of what "cyberspace" was supposed to be in the fever-dreams of cyberpunk fiction.

ozzmotik 6 years ago

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.

  • masterspy7 6 years ago

    Yes, I have multiple servers running and each room is limited to 12 players, so it's likely that each device is connecting to a different room.

nulldll 6 years ago

Is it just me or do all other avatars freeze in place after a few minutes?

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.

staticautomatic 6 years ago

How about when you visit certain subreddits it turns into a game of Doom?

quickthrower2 6 years ago

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!

txsoftwaredev 6 years ago

Needs to add the option to grab a gun and start shooting down ads.

ngold 6 years ago

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.

aloknnikhil 6 years ago

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.

Great job, nonetheless

swiley 6 years ago

It reminds me of the Dk “eye whiteness” tapes my parents played for us as kids (except with slightly less insightful content.)

The multiplayer thing is awesome!!

dvno42 6 years ago

This is rad! Is there an existing way to show adult content? Looks like the backend needs to click "I'm over 18" button.

imgabe 6 years ago

Tip: after a few minutes of wondering why it didn't work, make sure Caps Lock isn't on or it won't register WASD

yagodragon 6 years ago

Despite being a 3d app, it doesn't make my laptop fans spinning fast like the current js-heavy Reddit web app. Kudos :)

cagrimmett 6 years ago

This is like one of those mirror funhouses that you think will be fun, then turns into a nightmare after about 8 minutes.

malpighien 6 years ago

Where are the couches, what about more rooms?

drewg123 6 years ago

allows Apple Watch Series 5 to offer all-day 18-hour battery life

How is 18 hours considered "all day"!?!?

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.

bovermyer 6 years ago

This is amazing! It makes Reddit much more fun, especially with the other random people floating around.

larrik 6 years ago

Neat, although Youtube thumbs are showing the prestitial ads instead, which is a little weird.

atum47 6 years ago

I've been thinking about building something like this for ages now. Very well done.

Jaruzel 6 years ago

PLEASE someone (masterspy7 ?) make this into a proper VR app!

I'd love to do this in my VR headset.

  • masterspy7 6 years ago

    I just added WebVR support! You can enable it by clicking on the headset icon in the bottom right

ebj73 6 years ago

Actually much more interesting than i thought it would be. Great effort! :)

twox2 6 years ago

It's the UI from the film Hackers that we've all been waiting for.

krm01 6 years ago

This is surprisingly fun.

not_a_cop75 6 years ago

Disappointed. This would work better as a first person shooter.

DEADBEEFC0FFEE 6 years ago

Adding simple emoji signalling for avatars would be hilarious.

gpickett00 6 years ago

Good work man. What technology stack did you build this with?

qqii 6 years ago

Pretty neet! I recall an imageboard with a similar design.

tbassetto 6 years ago

I was surprised how usable it was on my iPhone, great job!

jonny383 6 years ago

Doesn't work in Firefox. Will not open Chromium.

  • oops 6 years ago

    Works for me in Firefox Quantum 69.0 on macOS.

flyGuyOnTheSly 6 years ago

I am not seeing any pictures, using Firefox 60

surfsvammel 6 years ago

I want music similar to Doom to go with this!

mrweasel 6 years ago

Impressive and terrible at the same time.

morty_s 6 years ago

This is pretty cool/fun! Thanks!

enriquto 6 years ago

great, but what the site needs is mostly a HN-esque text interface

andrey-g 6 years ago

So many possibilities!

givinguflac 6 years ago

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.

  • saagarjha 6 years ago

    It's hilariously broken on Safari Technology Preview, but I think that's because it's using WebGL calls that Safari doesn't support correctly yet.

buboard 6 years ago

Awww . I miss VRML

cproctor 6 years ago

How do you jump?

  • drusepth 6 years ago

    Would you jump in a real museum?

grumpy8 6 years ago

real nice; I love how we see other people.

swtrs 6 years ago

Pretty cool!

shafyy 6 years ago

Now do VR!