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