粒子 0 手势：未检测模式：等待图片

Pixel Flow

上传一张本地图片，图像会被拆解为粒子流；使用摄像头手势即可让粒子重新汇聚成原图。

1 · 选择图片

选择本地图片

采样率8 px

等待加载图片。摄像头未开启时，可直接用鼠标在画布上移动来牵引粒子。

🖐 张开手掌激活吸引，粒子跟随手部力场向原图位置靠拢。

✊ 握拳暂停吸引，粒子保持当前状态，便于观察流线。

☝️ 竖起食指直接完成还原，所有粒子立刻回到原图位置。

🖱 鼠标 / 触摸在未开启摄像头时作为力场中心，滚轮可缩放视图。

Three.js 负责粒子渲染与自定义 Shader，MediaPipe Hands 提供手部关键点；手势识别基于指尖伸开数量与指尖距离阈值判定，力场半径跟随手掌中心。