MediaPipe 手部追踪 · 7 个游戏 + 1 个语言练习 · 全部在本地运行

用手在浏览器里做点事

打开摄像头,举起手:张开手掌、握拳、捏合、挥手、拍手都能被识别——开飞船、猜拳、接星星、打地鼠。 「读懂再做」是给听障孩子用的:读一句中文指令,用手做出来,看的是读懂了没有。 不需要安装任何东西,摄像头画面只留在你自己的设备上,不会上传。

📖

读懂再做语言练习

29 道题,读一句指令用手做出来:词与数、时序、否定与排除、方位与「把/被」。不需要说,也不需要写。

开始练习 →
🌐

预测世界世界模型

一个小世界,一个不停猜「1.1 秒后」的模型。你一动,它就偏;按 D 闭眼,只让模型替你想象。

进入世界 →
✈️

手指飞机大战

手掌就是飞船,自动开火;捏合发射散弹,拍手清屏大招。

开始游戏 →
🎈

气球大挑战

45 秒捏爆气球:捏一下、连捏两下、食指激光、挥手成风。

开始游戏 →
✊

猜拳对决

真手势对 AI:握拳、剪刀手、张开手掌,先赢 5 局。

开始游戏 →
🔢

数字接龙

数字落下,举起对应数量的手指把它接住。

开始游戏 →
🔨

打地鼠

地鼠冒头就用手掌拍下去,连击越多分数越高。

开始游戏 →
⭐

接星星

用掌心接住下落的星星,金色星星分数更高。

开始游戏 →
👏

拍手节奏

跟着节拍拍手,判定完美/不错,越到后面越快。

开始游戏 →
✋

手势演示

实时看到手指骨架、当前手势和置信度,以及触发的事件。

看演示 →
🧪

手势实验室

开发调试用:20 种手势打分、动作测试统计、阈值实时调节。

进入实验室 →

使用前请注意

  1. 浏览器会询问摄像头权限,请点「允许」,否则只能看到黑屏。
  2. 请用 Chrome / Edge / Safari 打开,并确保页面是 https 或 localhost。
  3. 第一次进入需要下载约 8 MB 的手部模型,等几秒出现画面就正常了。
  4. 手离摄像头 40–80 厘米,光线充足、背景别太乱,识别最稳。

⚠️ 微信内置浏览器不支持调用摄像头,打不开请点右上角「···」→ 在浏览器中打开,或把链接复制到 Chrome 里。