Pixel Flow

图片粒子化 · MediaPipe 手势还原 · Three.js 渲染 Vanilla JS · 无构建步骤

摄像头与手势

未开始
🖐张开手掌 激活吸引,粒子向原图靠拢
✊握拳 暂停吸引,保持当前进度
🤏捏合 临时加速(松手即恢复)
✌️比二 完成还原,全图瞬间归位

粒子渲染区

🖼️先在右侧载入一张本地图片,或使用内置示例图
① 粒子流
② 聚集还原
③ 完整还原

参数

12 px
1.6
2.4
0.85
1.0
粒子数0
平均还原度0%
FPS–
手部检测关闭