gesture flower

From the README

用摄像头识别手部 21 个关键点，把「手掌张开度」映射成粒子花朵的绽放程度。 握拳 → 花苞闭合；张开五指 → 粒子向外绽放。 支持单手与双手两种交互模式，并带有一段种子 → 发芽 → 花苞 → 开花的生长动画。

👉 点击打开在线 Demo（无需安装，允许摄像头即可）

完整演示：种子 → 发芽 → 花苞 → 张开五指绽放 → 双手拉开长出一片花丛

左：单手模式，张开五指完全绽放 | 右：双手模式，双手拉开长出一片花丛

种子 → 发芽 → 花苞

🖐 真实手势识别 —— MediaPipe Hands 实时追踪手部 21 个关键点（最高 60fps）. ✊ 握拳 / 张开放 —— 手掌张开度经尺度归一化 + 帧率无关平滑，映射为绽放程度。 🙌 双手交互 —— 双手距离决定花朵数量（1~5 朵）、双手开合推进生长、转动双手旋转花丛。 🌱 生长动画 —— 种子 → 发芽 → 花苞 → 开花，带破土抖动与错峰开花。 🌸 GPU 粒子花朵 —— 5000~20000 颗粒子，顶点着色器内完成位置/颜色/尺寸插值，一次 draw call.

🎨 泛光与渐变 —— 加法混合 + UnrealBloom 泛光，中心金黄到外缘玫粉的 HSL 渐变。 📱 响应式 —— 桌面右侧抽屉 / 移动端底部抽屉，适配刘海屏安全区。

Read the full README on GitHub →