gradient flow background
A free generative art piece — play it in your browser, no install. 会缓慢流动的彩色渐变背景 · 纯 WebGL 实时渲染，零依赖、离线可用，含单文件分享版
Vote and save it — free account with email or sign in with GitHub
Made this, @AfeiIsFine? See how many people played it → or use email
📅 Three new games every day, no account needed · Play today’s three →
Controls: Arrow keys · Mouse
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
本项目作者完全不懂开发，所有代码、功能都是 AI 写的，包括这份说明文档。如果有低级错误，请见谅。
一个网页工具：做出会缓慢流动的彩色渐变背景。纯 WebGL 实时渲染，零依赖、离线可用、不用安装任何东西。
配色来自 10 套预设 + 色带上 12 个可手改的取色点；可以调玻璃质感、颗粒、扭曲，导出静帧 / 序列帧， 或者直接导出一段能嵌进自己网页的背景代码。
单文件版和源码版是同一份程序：它由 tools/build-standalone.py 把 CSS 与 JS 内联生成， 改完源码重跑一次脚本即可，不会出现两份逻辑各自漂移。
10 套预设：黑白、雾白、暖橙、深海、粉紫、青碧、暮色、沙金、幻彩、曜石。 色带上 12 个取色点，点开内联取色器改色（HSV / HEX）. 明度、对比度、饱和度、色相整体调整。
2–10 个色块，各自沿噪声路径缓慢漂移。 速度、色块大小、随机性可调；「换一个构图」重抽一套随机种子。 域扭曲（domain warp）把圆形色块揉成流动的指状边缘。
颗粒、暗角、边缘柔和、扭曲强度、色块间隙。 后四种不做模糊，而是用程序化高度场的梯度去位移采样坐标——是真折射，不是叠一张纹理。
网页背景代码：导出一个自包含 HTML（WebGL + 纯 CSS 降级），参数冻结在文件里。
Built something like this? Submit your vibe — free account, takes a minute. How listing works.
More like this
fluid
Dependency-free WebGL studio for generative backgrounds and live embeds.
programmatic patterns
Generative HTML pattern backgrounds — open in any browser, no dependencies
labs
14 live web demos. Shaders, particles, fluid fields and generative scenes. Single file each, zero dependencies, no build step.
heliograph
A fictional solar observatory in one HTML file: every visual drawn at runtime, no images, no build step.
ribbon generator
Single-file 3D light-ribbon generator — Three.js + bloom, no build step. Exports 4K PNG, embeddable HTML, or clean-mode video.
iaskednothing
I gave Claude an empty folder and complete freedom. 54 pieces emerged. And a journal it wrote to itself.
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.
