Bites & Baits 是我构建的一个原型 fishing 游戏，用于探索使用原生浏览器 API 的可能性——没有框架，没有安装，只需打开链接即可玩。它在移动设备上的工作原理如下：

  • 向前倾斜 → 抛出鱼线
  • 向后倾斜 → 抽回鱼线
  • 震动 → 钓到鱼时振动

所有这些都依赖于 DeviceOrientationEvent 和 DeviceMotionEvent。 在桌面上，它会自动切换到键盘控制。

以下是让我兴趣的因素：

  • 通过 navigator.vibrate() 实现触觉反馈 — 每个鱼事件（咬，钩，鱼线断裂）都有一个独特的振动模式
  • 通过 Web Audio API 实现程序化音频 — 没有声音文件，所有音频都在实时合成
  • ARIA live 区域用于屏幕阅读器兼容性 — 盲人和视力正常的玩家使用相同的游戏，没有单独的可访问版本

最后一点对我来说很重要。 我自己是盲人，经常使用屏幕阅读器，因此可访问性并不是一个后thought — 它是从一开始就融入架构的。 游戏并不是“完整”的传统意义上，但机制工作并且是一个坚实的演示，说明浏览器 API 如何为沉浸和包容性体验提供支持。 请在这里玩：https://concego.github.io/bites-and-baits/ 源代码：https://github.com/concego/bites-and-baits 如果您有关于实现的任何问题，我很乐意回答。