--- title: "霓虹天頂 · Neon Zenith" url: "https://aigamehub.app/zh-tw/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: "動作" 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: "zh-tw" content_locale: "zh-tw" --- # 霓虹天頂 · Neon Zenith 一個淋著雨的賽博龐克香港城市，你可以在瀏覽器中開車和飛行穿梭，有程序化生成的巨型城市街區和空中航道計時賽。 ## Description 霓虹天頂是一座單一連續的城市，在 3.2 公里的網格上有超過 9,000 棟實體建築，四周環繞著海港。你從一個在 Blender 中手工建模的廟街夜市開始，沿著它行駛，然後升空進入空中航道，穿過風暴層，降落在 1,418 公尺高的尖塔上。它提供計時賽，例如穿過洋紅色閘門的 SKY LANE，大約 390 個 LED 廣告螢幕展示十六個虛構活動，以及動態天氣。基於 three.js WebGPU 構建，並有 WebGL2 後備，在 MIT 下開源，可直接在 zenith.billpwchan.art 遊玩，並可從存儲庫在本地運行。 ## 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