Show HN: Browse Reddit in 3D
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>