Mocked up a 3D website in AArcade yesterday. I had to make things fit into the framing, so I made this phone overlay in ReShade so I could cluster things in the center well enough. 😁 It’s a lot of fun to mock things up. 🙌
It’s inspired by the 1080° snowboarding game’s menus but made to LIVE represent a Twitch/Kick streamer.
The vision is…
📽️VIDEOS section is the 6 most recent videos posted in their stream chat.
🌐LINKS section is the 3 most recent links from chat.
🏠MAIN section is the streamer’s avatar & the game they are currently playing is the big cabinet.
▶️NOW PLAYING has the single iframe embed where content gets viewed.
🕚RECENTLY PLAYED is like a mini-arcade of the 4 most recent games the streamer has played.
Like 1080° – users can swipe left or right anywhere on the screen to move from 1 camera position to the next. And can tap on something to activate/view it. Camera wobble w/ optional gyro.
Inactive screens show a 7-second loop from an mp4 video atlas of the video they contain.
NPCs in the space are of the viewers in the chat. Chat bubbles appear above the heads of their avatars when they speak. They can also use emotes like !cheer or !dance.
Everything in the space is live-updated by a stream chat bot. Popular streams gate everything with a point system to reduce spam.
So – it’s a combination of a Twitch/Kick bot and a 3D website that lets the streamer & the viewers represent & express themselves in an async multiplayer 3D space dynamically powered by chat commands.
/end vision. The reality is this is just a cool arcade I made yesterday in AArcade w/ a phone overlay on top of it. 😁
These kinds of custom 3D websites are best made in something like @playcanvas so that they can run directly in the user’s browser w/o needing to install anything.
💡So I’ll probably just fork my existing “four20inprogress Gang Warehouse” site (
See?! Mocking stuff up quickly is useful to sort out wtf you want to do. 😛 Even if you don’t end up using the actual mockup. 🙌
