Pixel Flow

图片粒子化 · 手势吸引还原 · Three.js + MediaPipe

摄像头：未开启（鼠标/触摸模式）手势模型：未加载粒子 —

🖱按住拖动吸引粒子

还原进度0%

① 图片

🖼 上传本地图片

采样步长（每 N 像素一个粒子）

粒子大小

② 摄像头与手势

🖐张开手掌 · 激活：手掌处出现吸引力场，进入力场的粒子加速回到原位；手离镜头越近力场越大。
☝️食指指向 · 控制：指尖变为小半径精修力场，适合细节区域。
✊握拳 · 暂停：暂停吸引并冻结粒子运动。
✌️剪刀手 · 完成：保持约 0.6 秒，全部粒子由中心向外完全还原。

无摄像头时：按住鼠标或手指拖动 = 张开手掌；滚轮/右侧滑块调节力场；按住 F = 握拳暂停；V = 完成；S = 打散。

③ 还原参数

还原速度

力场半径倍数