吹蒲公英小游戏

基于 HTML5 的麦克风互动小游戏，对着麦克风吹气让蒲公英种子飞散，含倒计时计分与鼠标点击备用方案

游戏面板

允许麦克风权限后对准麦克风吹气，或在鼠标模式下点击蒲公英中心吹散种子

35
30s
剩余 0
麦克风

点击下方"开始游戏"

允许麦克风权限后对准麦克风吹气，让蒲公英种子随风飞散

广告位

蒲公英科普

学名：Taraxacum（蒲公英属）

科属：菊科（Asteraceae）蒲公英属，多年生草本植物

分布：广泛分布于北半球温带地区，中国各地均可见

果实：花后结绒毛状瘦果，每个瘦果带有白色冠毛

传播：借风力传播种子，冠毛形成的"降落伞"结构可让种子随风远飞

用途：全草可入药，具有清热解毒、消肿散结之效；嫩叶可作野菜食用

使用说明

  1. 选择互动方式：默认"麦克风吹气"，若设备不支持或拒绝权限可切换"鼠标点击"
  2. 调整灵敏度滑块（数值越低越灵敏，建议默认 35）
  3. 点击"开始游戏"，倒计时 30 秒立即启动
  4. 麦克风模式：对准麦克风吹气，音量超过阈值时种子陆续飞散
  5. 鼠标模式：点击蒲公英中心附近的种子可吹散一小簇
  6. 游戏结束后显示吹散比例、种子数与时长，可重新开始挑战

适用场景

  • 课堂互动、亲子游戏，寓教于乐讲解植物传播
  • 儿童练习肺活量与吹气控制的趣味方式
  • 减压小游戏，放松心情，享受蒲公英飞散动画
  • 演示 Web Audio API 麦克风交互的 Demo

兼容性与隐私

  • 麦克风权限需 HTTPS 或 localhost 访问
  • 建议使用 Chrome / Edge 浏览器以获得最佳体验
  • 音频数据仅本地分析，不上传、不存储
  • 拒绝权限时自动切换为鼠标点击模式

常见问题

为什么麦克风没反应？

请检查：1) 浏览器地址栏是否已授权麦克风；2) 是否通过 https:// 或 localhost 访问；3) 系统是否允许浏览器使用麦克风；4) 是否选错设备（可在浏览器设置中切换麦克风）。

吹气一直吹不散种子怎么办？

可将灵敏度滑块调到更低数值（更灵敏），或将麦克风靠近嘴边吹气。如设备无麦克风或不便吹气，可切换"鼠标点击"模式，点击蒲公英中心附近的种子即可吹散。

游戏计分规则是什么？

每局 30 秒倒计时，蒲公英初始约 60 颗种子，剩余种子越少得分越高。游戏结束时显示吹散比例与吹散数量，可多次挑战刷新记录。