IMAGE → PARTICLES → GESTURE

让一张照片,在掌心重聚。

上传记忆,打散成光。再用一个手势,把它慢慢找回来。

AN INTERACTIVE EXPERIMENT
暮色 / 代码绘制的示例图片初始化渲染器…

OPEN PALM · ATTRACT
FIST · RELEASE / PINCH · RESTORE ALL
也可在画布上按住并拖动

0%

IMAGE RESTORED

01 上传图片 / 自动提取颜色02 手掌移动 / 力场跟随03 粒子回归 / 重现画面
运行条件与识别说明

使用 Three.js Points 与 BufferGeometry;MediaPipe Hand Landmarker 在浏览器中运行。未请求摄像头时不会读取视频。手指伸展由指尖相对手腕距离判定,识别受姿态、光线与遮挡影响。捏合采用手掌尺度归一化的距离。摄像头需要 HTTPS 或 localhost 安全环境;拒绝权限后仍可使用鼠标、触控或“全部还原”。上传图片与视频不发往后端。

图片按最长边 320px 缩小后采样,透明像素略过;初始散布位置独立于目标位置。重建会释放旧几何资源。关闭摄像头会停止全部视频轨道,离开页面会释放模型、视频与 GPU 资源。