图片粒子化与手势还原 · Three.js + MediaPipe
上传本地图片 → 粒子流 → 张开手掌吸引还原 · 握拳暂停 · 鼠标可替代手势
上传图片
采样率
密（每2px）
中（每4px）
疏（每6px）
打散粒子
一键还原
开启摄像头
粒子数：
0
手势：
未检测
还原度：
0%
吸引场：
鼠标/手掌
已加载默认演示图。拖动鼠标可推动粒子；按住鼠标为吸引场。开启摄像头后，张开手掌激活还原，握拳暂停。
技术：Vanilla JS + Three.js Points/BufferGeometry + Canvas 像素提取 + MediaPipe Hands 关键点→屏幕坐标→力场。动画使用 Three.js 循环插值，平滑还原。无摄像头时鼠标完全可用。390px 无溢出。
摄像头预览（镜像）
手部追踪未启动。