particle collage
A free generative art piece — play it in your browser, no install. Image → particle collage 2.0 · three.js / WebGL · 4K / portrait / transparent export
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 →
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
把一张主图变成由成千上万张小照片组成的粒子拼贴：每颗粒子换成一张素材图，主图的明暗决定每张方块的亮度；镜头可以从照片云里飞入、拼成完整图像；支持 4K、竖屏、透明 PNG 的逐帧导出。
关于作者：阿飞这个名字挺好的（AfeiIsFine）。 本项目作者完全不懂开发，所有代码、功能都是 AI 写的，包括这份说明文档。 如果有低级错误，请见谅 —— 也欢迎直接提 Issue 指出。
主图决定形态：拖入一张图，按像素明度采样出粒子；暗部、透明像素不生成方块，所以人像/剪影会自然成形成镂空。 素材决定质感：上传一个文件夹（递归子目录），每张图替换一个粒子；素材不够会自动循环复用。 拼贴而不是马赛克：方块高度跟随素材原比例，可重叠；素材通过纹理数组逐张独立显示，靠近能看清每张照片。 镜头动画：从“置身照片云”的近距离起手，镜头边后退、方块边飞向各自位置，最后拼成完整图像。 导出：06 导出整段飞入拼合；07 导出当前画面序列或单帧；帧写入选定文件夹下的独立子文件夹，方便剪辑软件按序列导入。
素材纹理数组 + 每层 mipmap：不再把素材拼进一张图集，远离时不会闪烁/摩尔纹，近处每张独立；默认 243 张素材仍是 16MB 级别。 导出是真正的快照：导出期间面板锁定、自动旋转关闭、载入飞入进度冻结；中途点播放或改窗口不会污染成片。
Built something like this? Submit your vibe — free account, takes a minute. How listing works.
More like this
pure smoke
Particle smoke in a glass cube. Free, open source (MIT), made with three.js by Pure Studio.
driftfield
A GPU particle cloud in a curl-noise flow field with a fake depth of field. Every parameter is live.
snow fall effect three js
Realistic snow fall effect built with Three.js and WebGL.
labs
14 live web demos. Shaders, particles, fluid fields and generative scenes. Single file each, zero dependencies, no build step.
lumenshaders
LUMEN, a generative shader studio. 9 WebGL2 art modes plus synth style blending, perfect-loop animation, gradient sets, share codes and PNG/WebM/GIF…
prism image particle lab
PRISM: turn any image into a rotatable 3D particle field in the browser.
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.
