A free generative art piece — play it in your browser, no install. 照片 → 纯 SVG 矢量插画 + 逐笔绘制回放页。在线直接用(浏览器内跑,图片不上传):拖张图进去就能下载 SVG 和回放网页。真线稿层、视觉重量时间轴、Canvas 渲染,18 万笔也能在手机上流畅播放。
Vote and save it — free account with email or sign in with GitHub
Made this, @VanemKrAu? See how many people played it → or use email
📅 Three new games every day, no account needed · Play today’s three →
Controls: Space · 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 GitHub拖一张图进去就出 SVG 和回放网页 · 无需安装 · 图片不上传(全在你浏览器里算)
不是简单的"图片转矢量"——它模拟人的作画顺序:先勾线稿 → 再铺大色块 → 最后抠细节, 每一步都按"视觉重量"分配时间,大笔慢慢铺、小笔快带过,像看一段绘画录像。
建立在 AvroraCL/image-to-css-art(MIT)之上。 上游提供算法管线与本 skill 本体,本项目在此之上加了 SVG 输出与完整回放页。 详见 ATTRIBUTION.md。
打开网页 → 拖一张图片进去 → 等一会儿 → 下载 SVG 和回放页。
一致,而且默认更好。 网页版跑的是仓库里同一份 Python 脚本(tools/ + skill/scripts/), 没有另写 JS 实现。实测同一张图(统一缩到原尺寸比较):
后 4 位依次是:时长(秒)、线稿时间占比、epsilon、线稿线宽。 线稿时间占比默认 0,表示不单独给线稿分配时间(线稿按「√面积 ≈ 线长」计重,实测自然占 3~4% 时间); 只有想固定起稿时长时才填 0~1 的小数(如 0.15)。 还可以加 --desc="一句话描述":描述会写进回放页顶栏右上角的「描述」,收起显示一行、点击展开可编辑。
注意:SVG 和 HTML 都很大,别用 GitHub 网页界面直接打开(会卡)。 下载到本地再打开。
Built something like this? Submit your vibe — free account, takes a minute. How listing works.
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.