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 👀

Let’s gooooooo!

... flying around the city, fixing bugs, and optimizing 20,000–50,000 rooms at a time. 😂🤣😅 I’ll be hiding something in the city soon for you all to find. To put the scale into perspective: it would take roughly 8 years to visit every room at a rate of 1,000 per day. Don't worry, though—I'll be leaving hints in plain sight to point you in the right direction if you want to go on a hunt for some treasure. #DYSTOPIA