--- title: "霓虹天頂 · Neon Zenith" url: "https://aigamehub.app/en/games/neon-zenith-c75558" source: "https://github.com/billpwchan/neon-zenith" source_type: "github" play_url: "https://zenith.billpwchan.art/" platform: "desktop" login_required: false pricing: "free" origin: "original" ai_tools: ["Claude", "Claude Code"] game_languages: ["zh-tw"] author: "billpwchan" author_handle: "billpwchan" category: "Action" categories: ["action", "simulation"] tags: ["cyberpunk", "flying", "hong-kong", "three.js", "time-trial", "webgpu"] added: "2026-10-16T17:27:48.999Z" updated: "2026-10-16T17:27:48.999Z" locale: "en" content_locale: "en" --- # 霓虹天頂 · Neon Zenith A rain-soaked cyberpunk Hong Kong city you can drive and fly through in the browser, with procedural megacity blocks and sky-lane time trials. ## Description Neon Zenith is a single continuous city of over 9,000 solid buildings on a 3.2 km grid, ringed by a harbour. You start on a hand-modelled Temple Street night market built in Blender, drive along it, then lift into the sky lanes, pass through storm layers and land on a spire 1,418 metres up. It offers time trials such as SKY LANE through magenta gates, roughly 390 LED advertising screens showing sixteen fictional campaigns, and dynamic weather. Built on three.js WebGPU with WebGL2 fallback, open source under MIT, playable directly at zenith.billpwchan.art and runnable locally from the repository. ## Original post 霓虹天頂 — a rain-soaked vertical cyberpunk city you can fly through in the browser. three.js WebGPU + TSL, a Blender-baked Hong Kong night market, procedural megacity, time trials. Topics: 3d, ai-generated, blender, browser-game, claude, claude-code, creative-coding, cyberpunk, flying-car, game, hong-kong, javascript, procedural-generation, threejs, tsl, vibe-coding, vite, webgl2, webgpu
Neon Zenith title screen: Temple Street at night in the rain, neon signs reflected in the wet road # 霓虹天頂 · Neon Zenith **A rain-soaked vertical city you can fly through, in your browser.** Drive the Temple Street night market, lift off into the sky lanes, punch through the storm deck
and land on a spire 1,418 metres up. Real-time, open source, built on three.js WebGPU. **[▶ Play it now](https://zenith.billpwchan.art/)**  ·  [How it works](#how-it-works)  ·  [Run it locally](#run-it-locally)  ·  [Credits](CREDITS.md) [![three.js r186](https://img.shields.io/badge/three.js-r186-000?logo=three.js&logoColor=white)](https://threejs.org) [![WebGPU + WebGL2](https://img.shields.io/badge/WebGPU-WebGL2_fallback-ff3df2)](#browser-support) [![TSL](https://img.shields.io/badge/shaders-100%25_TSL-3be8ff)](https://github.com/mrdoob/three.js/wiki/Three.js-Shading-Language) [![License: MIT](https://img.shields.io/badge/code-MIT-ffb547)](LICENSE) [![build](https://github.com/billpwchan/neon-zenith/actions/workflows/build.yml/badge.svg)](https://github.com/billpwchan/neon-zenith/actions/workflows/build.yml)

Flying the SKY LANE time trial at 168 metres over the city, through magenta gates
The SKY LANE time trial, recorded in real time at 60 fps (autopilot at the stick).

## The city Neon Zenith is a single, continuous city of **9,373 buildings** on a 3.2 km grid, ringed by a harbour and a far shore. Every building, sign, awning, lamp post and rooftop water tank is solid. You can land on any roof, slide under the signs that hang over the street, or thread the canyon between two towers at full boost. Nothing is a skybox. - **Temple Street, built by hand.** The street you start on is built in Blender lot by lot: modelled tenements in Poly Haven materials, shopfront modules, aircon units, cables, vending machines and bin bags. Its light is baked in Cycles from its own neon, shop windows and street lamps. - **Buildings with a grammar.** Office towers come in setback, cantilevered-stack, twin-with-sky-bridge, finned-slab and core-and-wings forms. Each gets one of four crowns: an open frame with LED ring beams, a lit drum, a stepped top, or plant rooms under a cornice. Housing estates are cruciform, H-plan or slab. A dozen blocks fuse into arcologies. A street of towers is a street of different buildings. - **Advertising that belongs to the city.** About 390 giant LED screens sit on podiums, run up tower shafts and stand on rooftop steel frames. They show sixteen fictional campaigns (cyberware clinics, energy drinks, a bank, a noodle bar) drawn to a canvas at load, so there are no image files and no real brands. They wipe between campaigns, glitch, and show their LED pitch when you fly close. - **Weather with wei