DYSTOPIA is live 🌧
A rain-soaked noir cyber-city you can drive, fly and explore, running right in your browser on WebGPU. No install, no download.
▶ https://t.co/M3Du7OUyiz
━━ WHAT YOU DO ━━
You patrol in SABLE, a flying spinner with a full first or 3rd person cockpit. Drive it, fly it, park it at the curb. Then launch KITE, your drone, for the close-ups and exploration.
The drone scanner identifies nearly everything: sky cars (plate, pilot, passengers), robots (operator, task, firmware), buildings (floors, tenants), shops, traffic signals, trains, trees.
━━ THE CITY ━━
Fully procedural and streamed in around you as you fly, 4 km across. Eight districts, each with its own street life:
Downtown · The Spires · Kabuki Neon Market · The Stacks · the Interchange · Southern Freight · Canal Ward · Black Harbour
• Fly KITE up to a lit window and the painted interior becomes a live 3D room, with floor plans that actually fit the building
• Fly straight in through the door of Kowalski's bar or The Carlyle hotel lobby: real interiors inside real buildings, no loading screens
• Sky traffic flies in lanes. Buses pull into SKY-STOP platforms, taxis drop at lit entrances, vans at loading hatches, MPD cruisers pull cars over, and none of it blocks the lane behind
• On the ground, androids and a robotic road fleet obey signals and queue at junctions: refuse trucks lift kerbside bins, heavy crawlers move with escort drones
• Freight trains with working level crossings, and a port with working cranes
━━ THE LOOK ━━
Think 5th Element meets Sin City. Low-key black night, form defined by light, rain on everything. A cinematic grade plus a graphic-novel noir mode (paper whites, rare color). Wet streets, street-lamp haze, close-range shadows, and nothing pops: every LOD change is a dithered crossfade.
━━ UNDER THE HOOD ━━
• three.js r186 · WebGPURenderer · TSL node shaders
• Rapier physics · Vite · TypeScript
• Deterministic generation: every city block is a pure function of (i, j, seed), built in Web Workers and streamed in tiers (massing → detail → physics → wet)
• ~630 render pipelines compiled up front: 0 shader compiles after boot, so no in-game hitching
━━ STILL a WIP ━━
The plan is to continue pushing the details and finish explorable interiors (there are a few already) of all buildings and then finalize the game side.
Best on desktop Chrome or Edge with a dedicated GPU (WebGPU required). Everything preloads up front so nothing hitches in game, so give it a minute to boot.
#threejs #WebGPU #gamedev #indiedev #cyberpunk #noir #procedural #creativecoding #Claude (#Opus 5.5)
@guidorosso@RyanSael 👀
#DYSTOPIA update (Made with Opus 5.5) 🌃
Development is getting slower as the project grows, but the results are getting seriously rewarding.
Next week is all about dialing in the 2M+ rooms to AAA quality. The backend is finally coming together, and the goal is simple: nothing out of place.
Also for next week: The city now has its own World Bible spanning 2029–2071. Every sign, ad, poster, book, document, and piece of art will follow the same history, corporations, districts, culture, technology, and visual language. One believable future, not a random mix of assets.
🔊 Sound system got a major upgrade, with more coming.
🌊 Underwater wreckage and an entire underground sewer city are still cooking.
🏙️ Nearly every (really) building is enterable, with 2M+ rooms (really really) and no pop-in when flying outside and looking through windows.
Many bugs to fix, still a WIP but LIVE with all the changes and UPGRADES (link in comments)!
#threejs #Claude #VibeCoded
#DYSTOPIA update (Made with Opus 5.5) 🌃
Development is getting slower as the project grows, but the results are getting seriously rewarding.
Next week is all about dialing in the 2M+ rooms to AAA quality. The backend is finally coming together, and the goal is simple: nothing out of place.
Also for next week: The city now has its own World Bible spanning 2029–2071. Every sign, ad, poster, book, document, and piece of art will follow the same history, corporations, districts, culture, technology, and visual language. One believable future, not a random mix of assets.
🔊 Sound system got a major upgrade, with more coming.
🌊 Underwater wreckage and an entire underground sewer city are still cooking.
🏙️ Nearly every (really) building is enterable, with 2M+ rooms (really really) and no pop-in when flying outside and looking through windows.
Many bugs to fix, still a WIP but LIVE with all the changes and UPGRADES (link in comments)!
#threejs #Claude #VibeCoded
DYSTOPIA is live 🌧
A rain-soaked noir cyber-city you can drive, fly and explore, running right in your browser on WebGPU. No install, no download.
▶ https://t.co/M3Du7OUyiz
━━ WHAT YOU DO ━━
You patrol in SABLE, a flying spinner with a full first or 3rd person cockpit. Drive it, fly it, park it at the curb. Then launch KITE, your drone, for the close-ups and exploration.
The drone scanner identifies nearly everything: sky cars (plate, pilot, passengers), robots (operator, task, firmware), buildings (floors, tenants), shops, traffic signals, trains, trees.
━━ THE CITY ━━
Fully procedural and streamed in around you as you fly, 4 km across. Eight districts, each with its own street life:
Downtown · The Spires · Kabuki Neon Market · The Stacks · the Interchange · Southern Freight · Canal Ward · Black Harbour
• Fly KITE up to a lit window and the painted interior becomes a live 3D room, with floor plans that actually fit the building
• Fly straight in through the door of Kowalski's bar or The Carlyle hotel lobby: real interiors inside real buildings, no loading screens
• Sky traffic flies in lanes. Buses pull into SKY-STOP platforms, taxis drop at lit entrances, vans at loading hatches, MPD cruisers pull cars over, and none of it blocks the lane behind
• On the ground, androids and a robotic road fleet obey signals and queue at junctions: refuse trucks lift kerbside bins, heavy crawlers move with escort drones
• Freight trains with working level crossings, and a port with working cranes
━━ THE LOOK ━━
Think 5th Element meets Sin City. Low-key black night, form defined by light, rain on everything. A cinematic grade plus a graphic-novel noir mode (paper whites, rare color). Wet streets, street-lamp haze, close-range shadows, and nothing pops: every LOD change is a dithered crossfade.
━━ UNDER THE HOOD ━━
• three.js r186 · WebGPURenderer · TSL node shaders
• Rapier physics · Vite · TypeScript
• Deterministic generation: every city block is a pure function of (i, j, seed), built in Web Workers and streamed in tiers (massing → detail → physics → wet)
• ~630 render pipelines compiled up front: 0 shader compiles after boot, so no in-game hitching
━━ STILL a WIP ━━
The plan is to continue pushing the details and finish explorable interiors (there are a few already) of all buildings and then finalize the game side.
Best on desktop Chrome or Edge with a dedicated GPU (WebGPU required). Everything preloads up front so nothing hitches in game, so give it a minute to boot.
#threejs #WebGPU #gamedev #indiedev #cyberpunk #noir #procedural #creativecoding #Claude (#Opus 5.5)
@guidorosso@RyanSael 👀
@CyberDreadx My rooms are getting there —well over 2M now you can go into—check the recent posts…I’m almost done with the final with the city—maybe 2 weeks.
Let’s talk.
The project site for the robot in the video is https://t.co/GzWleS15Nj.
UCLA’s RoMeLa lab released PhoneBot as a low-cost open platform that mounts a commodity Android phone as the torso for camera, IMU, wireless, and onboard compute. The body uses 13 Dynamixel servos, stands 48.3 cm tall, weighs 1.8 kg with the phone, and the hardware (excluding the phone) costs about $400. The site hosts the bill of materials, Onshape CAD, STEP assembly files, and assembly documentation under a CC BY-NC 4.0 license.Phonebot
The describing paper is on arXiv at https://t.co/cjmyNH6mkT.
DYSTOPIA major update 🌃
A fully procedural noir island built with Opus 5.5 and three.js WebGPU + TSL.
42 km². 37,491 buildings. 2.9 million rooms! And a tiny micro-drone named WREN that can fly into almost all of them. (HINT: hit F, then hit G to fly WREN (the mini drone) .
What's new:
-Houses, shops, apartments, offices, lobbies, and hotels are now furnished using real-world inventories.
-Every window actually shows the room behind it.
-WREN can slip through vents, windows, and letterboxes, explore inside, and find its own way back out (camera is bad but being fixed). (HINT: Hit F, then click on a building (you'll see the access points), then Hit G and fly the micro drone in to explore.)
-SABLE has been completely rebuilt as a showpiece.
-Major performance improvements with zero visual downgrades (more of this still coming)
Now for the fun part (continued fun...). 😅
When you procedurally generate 2.9 million rooms, things are bound to get a little weird.
Right now, roughly 1 in 3/4 rooms has something wrong with it. Go gentle in the comments please, she's still a WIP.
Walls you can see through from one side. Floors flickering because two slabs occupy the same space. Seven power outlets stacked on top of each other. A sofa staring at a wall while the TV points somewhere else....a staircase leading directly into the ceiling.
Some truly cursed architecture. 😂
But the solution isn't to go around fixing millions of rooms individually.
I'm reworking how the buildings are generated from the ground up. More like how an actual architect would approach it: structure and stair/elevator cores first, then corridors, individual units, and finally rooms. The exterior facades will follow the actual interior floor plans instead of the other way around. (Spend usage and learn I guess LOL)
I'm also building an automated "building inspector" to catch structural issues, bad door swings, one-sided walls, overlapping objects, and duplicate placements as this is starting to get way more serious than when I started out.
On top of that, WREN will run GPU-assisted visual inspections through tens of thousands of rooms to help identify and eliminate defects. Each room will also get baked lighting.
The goal is simple: millions of unique, believable, explorable rooms without manually building a single one.
Should get there by middle of next week if all goes well . 🤯
And then I'm going to hide some real LOOT and we will see who finds it. 👀
#DYSTOPIA #THREEJS #ClaudeCode #indiedev
🪙