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. ▶ dystopia-noir.netlify.app ━━ 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 👀

Light 'em up! Water wake and spray with the lights on—almost exactly where I want it. #DYSTOPIA

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

Correction: I misspoke earlier—it’s 30,000+ buildings, not rooms. We’re actually looking at over 1.5 million total explorable rooms. For context, the city spans over 8km at its widest point, featuring 100+ story skyscrapers with 5,000+/- rooms each. This is shaping up to be absolutely massive! 🔥🪎🪙