tengwang pavilion
A free generative art piece — play it in your browser, no install. 滕王阁数字长卷 · 《滕王阁序》全文诗轴与朗诵逐字同步. 一座用代码重建的滕王阁，与一整卷悬在楼阁四周的《滕王阁序》。 全文 936 字（序 + 附诗）被切成 76 列竖排诗轴，一句一列、列内不换行，按设计好的天际线高低错落挂在檐口之外；朗诵原声（4 分 10 秒，未裁剪）就是唯一的时间轴——镜头随朗读逐字连续移动，读到哪里、哪里亮起。 逐字同步：以朗诵音频的逐字时间戳驱动诗轴浸染与运镜，音画漂移约 0.03 s。 完整原文：一句一列，长句不拆列（如「物华天宝，龙光射牛斗之墟；」整句一列）。 昼夜双态、构造拆解、营造过程、视角巡礼，另有诗词总开关。…
Vote and save it — free account with email or sign in with GitHub
Made this, @huayizhe? See how many people played it → or use email
📅 Three new games every day, no account needed · Play today’s three →
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.
No account needed to save ♥ or react 🔥: they’re under the game. Or vote with email.
Open the live demo Source on GitHubFrom the README
一座用代码重建的滕王阁，与一整卷悬在楼阁四周的《滕王阁序》。
全文 936 字（序 + 附诗）被切成 76 列竖排诗轴，一句一列、列内不换行，按设计好的天际线高低错落挂在檐口之外；朗诵原声（4 分 10 秒，未裁剪）就是唯一的时间轴——镜头随朗读逐字连续移动，读到哪里、哪里亮起。
逐字同步：以朗诵音频的逐字时间戳驱动诗轴浸染与运镜，音画漂移约 0.03 s。 完整原文：一句一列，长句不拆列（如「物华天宝，龙光射牛斗之墟；」整句一列）。 昼夜双态、构造拆解、营造过程、视角巡礼，另有诗词总开关。 移动端适配：面板自动收起，折叠态只在小方块里留一个折叠图标。 离线兜底：assets/ 缺失时页面回退到内嵌 base64 音频，照样能播。
然后打开 。 页面从 CDN 取 three / gsap，需要联网；静态托管环境同样可用。
诗轴列高随句长变化（5.2 ~ 13.4 世界单位），整圈靠一条十六拍的天际线节奏错落。 卷首列方位角取自「全景俯瞰」机位，第一句正对楼阁正面，整组只做小幅摆动、不再无限自转。 背景音乐（琴韵）已停用：页面里 BGM_ENABLED = false，音频合成代码保留，恢复方法见文件内注释。
Built something like this? Submit your vibe — free account, takes a minute. How listing works.
More like this
kage
An interactive five-chapter night walk through a Kyoto mountain temple, rendered live in Three.js.
- a long expected party A procedural cinematic short film with a Higgsfield-generated score, sound effects, and narration.
- jungle cursor canopy Interactive procedural jungle canopy built with Three.js and GSAP
ribbon generator
Single-file 3D light-ribbon generator — Three.js + bloom, no build step. Exports 4K PNG, embeddable HTML, or clean-mode video.
aetheris
A cinematic WebGL journey beyond the visible — five chapters of light, motion, and atmosphere, rendered live in Three.js.
ink shan shui
一笔江山 · One-stroke ink landscape — draw a stroke, watch a Chinese ink-wash mountain range grow, with streams running down its ridges. Single HTML…
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.
