生成鲨鱼抓小鱼互动小游戏代码

请生成一个完整可交互的单文件HTML5网页游戏“鲨鱼抓小鱼”，仅输出一个HTML文件内容，含全部HTML、CSS、JavaScript并加注释。 输入资料： 1. 玩家用鼠标在画布内控制鲨鱼游向指针位置，靠近且指针静止时平稳减速停止并保持朝向。 2. 小鱼为多条颜色各异的卡通鱼，具备排斥、对齐、聚集、随机漫游、躲避鲨鱼、避开边缘等行为；完全移出画布时从对侧进入；当数量减少到较少时自动少量补充。 3. 鲨鱼与小鱼视觉重叠即视为吃掉，每条加分；被吃位置产生上升气泡动画。 4. 界面：游戏标题、实时得分、“用鼠标控制大鲨鱼，去抓蓝色的小鱼吧”说明，以及小鱼数量、鲨鱼速度、小鱼反应速度三个可调滑块（实时显示值）和一个重新开始按钮。 5. 画布响应式；吃掉小鱼时播放简短音效，音频需在首次用户交互后初始化。 执行步骤：先搭建画布与界面控件，再实现小鱼行为计算与鲨鱼跟随，然后加入碰撞计分、气泡特效、补充机制与音效。 输出格式：单个完整HTML代码块，代码前后不加解释。 信息缺失处理：若各行为的权重与感知半径未给定，请先列出需确认的调参项并给出默认占位说明，不要声称已完成平衡测试。

Creative Commons Attribution 4.0 International Public License

This repository uses CC BY 4.0 for prompt text.

Full license text: https://creativecommons.org/licenses/by/4.0/legalcode

You are free to share and adapt the material for any purpose, including commercially, under the following terms:

Attribution: You must give appropriate credit, provide a link to the license, and indicate if changes were made.