浏览 —下载点击 —

Work / experiments · 2026-10-11

图片变成粒子

让像素松开队形:选择图片,用鼠标或指尖拨动彩色粒子,保存这一刻。

免费体验 · 原型 v1图片仅在本机处理
粒子预览准备粒子…
请使用支持 Canvas 的浏览器。
在画面上移动鼠标,或按住触摸拖动高清 PNG
源码下载免费开放

直接体验 · 本地处理 · 源码下载

ZIP 压缩包 · 16 KiB · 浏览器运行

解压后直接打开 experiments/image-particles/index.html,无需安装依赖。源码和原创示例按随包 MIT 许可证使用;自选图片版权归原权利人。

01

About the work

作品介绍

在试什么:用像素采样构建可交互的粒子画,探索图片在聚合与散开之间的视觉变化。 怎么玩:先体验原创山间日落示例,再选择本地图片;切换聚合、散开、鼠标 / 触控扰动,调节粒子大小与运动力度。重置恢复默认参数与可辨认的图片轮廓,保存 PNG 留住点击时的画面。 状态:原型 v1,更新于 2026-10-11。 限制:支持 PNG / JPG / WebP / GIF / BMP,动图仅取静态帧;不支持 SVG、视频或云端存储。文件上限 20 MB / 4,000 万像素;桌面最多 120,000 粒子,小屏最多 36,000 粒子,图形加速不可用时降低采样数量,低性能设备仍可能掉帧。默认使用彩色粒子,可单独调节密度与大小、暂停画面或查看原图;导出至少 1920 × 1440,高清屏最高 2560 × 1920,实际尺寸见画布下方。图片仅在浏览器本地处理。

YOUR COLLECTION

我的收藏 —

喜欢的作品,随时回来看看。

正在连接收藏…

暂时无法加载时,可以重新连接。