HANABIRA / 001 指尖生花
待唤醒
TENSION / 张力 等待手部
0 %

花苞

DORMANT BUD

握拳，让所有花瓣向内收拢

0.32 闭合 0.66 绽放

τ = Σ wᵢ · ‖tip−wrist‖ / ‖mcp−wrist‖

GESTURE CONTROL 握拳花苞收拢 张掌粒子绽放

AN INTERACTIVE BOTANICAL STUDY

让花，在
指尖醒来

握拳，收拢成一枚安静的花苞；张开手掌，让光与花瓣向外醒来。 你的指尖会在粒子之间，留下一阵很轻的风。

画面仅在本机处理，不上传、不录制；配乐可随时静音。

FIELD NOTES / 算法手记

手势如何变成一朵花

MediaPipe Hands 在浏览器本地给出 21 个手部关键点。我们把四根长指的伸展程度压成一个 0–1 的张力值，再用它驱动粒子在「花苞」与「绽放」两套坐标之间移动。

TENSION tension = Σ wi · (0.55·reachi + 0.30·straighti + 0.15·spani) / Σ wi reachi = ‖tipi − wrist‖ / ‖mcpi − wrist‖

再用 smoothstep(1.08, 2.18, reach)、指节夹角与 ‖tip−mcp‖ / palmScale 做归一化。所有距离先按视频宽高比校正。

0—0.32 花苞

粒子向中轴聚合，花瓣折叠成一颗微微鼓起的芽。

0.32—0.66 舒展

两套坐标之间平滑插值，粒子带着一点螺旋向外翻。

0.66—1 绽放

花瓣完全展开，指尖附近的粒子被轻轻推开。

操作

I 说明 · H 隐藏界面 · D 演示 · M 静音

背景音乐

AxR — Daydream · 本地循环。若手机无声，请确认侧边静音开关与媒体音量。

隐私

摄像头帧只进入本机 WebAssembly / WebGL 推理，不发往任何服务器。