◀ VibeCruiser

raymarchcity

A free generative art piece — play it in your browser, no install. Audio-driven raymarched night city — the whole thing in one fragment shader. Drop in an mp3.

by @Jadog1122 · Jadog1122/raymarchcity on GitHubLANG HTMLHOSTED ON JADOG1122.GITHUB.IOUPDATED 12 Sep 2026

Vote and save it — free account with email or sign in with GitHub

Made this, @Jadog1122? See how many people played it → or use email

▶ Play full screen ▲ Vote: free account with email ▲ Or sign in with GitHub

GitHub may ask you to sign in, then to let VibeCruiser “Verify your GitHub identity” and “Act on your behalf”. We only read your profile and email, and never post anything.

Open the live demo Source on GitHub

From the README

音频驱动的 raymarching 夜城。整座城市——楼、招牌、路面、车流、雨、雾、霓虹——都在一个 fragment shader 里算出来,没有一个模型文件。丢一首歌进窗口,城市跟着节拍呼吸。

在线:(桌面、手机都行,打开点一下就放)

浏览器里拖进来的歌存在 IndexedDB 里,下次打开还在。歌词自动去 lrclib 查(对歌手,避免同名歌),也缓存在本地。

右下角的画质滑块从 0.4 到 2.0。1.0 是原生分辨率,往上是超采样(好显卡上很好看,普通笔记本会掉帧);帧率不够时它会自己往下退,但不会自己往上加。

光:霓虹灯管按线段做解析面光源(3 点 Gauss–Legendre + 发光面余弦 + 两点遮挡探针),所以对面的墙是真的被照亮的。 后期:HDR 半浮点 RT → TAA 重投影 → 渲染分辨率合成(ACES、bloom、变形镜光条、按弥散圆门控的色差、散景景深)→ 满分辨率收尾(CAS 锐化、颗粒、文字、黑边)。 音频分析:FFT 2048,谱通量起音检测,归一化自相关 + 对数正态节奏先验 + 7 点中值锁 BPM,段落检测。全部跑在独立的 60Hz 定时器上,不挂渲染循环。

Superpowers (Night Remix) — 原曲 Daniel Caesar.

Read the full README on GitHub →

Built something like this? Submit your vibe — free account, takes a minute. How listing works.

More like this

Made this?

Claim it: create a free account, then press CLAIM THIS in the cruiser. Put the badge below in your README or on your demo page first; that link is how we know it's yours.

Your project is on the cruise, loaded live from your own site. Put the badge in your README or on the demo page: it shows your live play count, it links back to this page, and everyone who lands here is one click from running the real thing.

On VibeCruiser

How listing, the badge and claiming work →