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 👀