fishing-game:基于 HTML5 Canvas 的纯前端休闲钓鱼游戏项目

欢乐钓鱼大作战 - 一个可爱的卡通风格钓鱼游戏小工具

分支1Tags0

🎣 欢乐钓鱼大作战

一个纯前端实现的卡通风格钓鱼游戏小工具,使用 HTML5 Canvas + JavaScript 开发,无需任何依赖,打开即玩!

🎮 游戏特色

  • 卡通海洋世界:蓝色渐变海洋、天空、太阳、摆动海草
  • 鼠标操控钓鱼:移动鼠标控制鱼竿位置,点击放下鱼钩
  • 4种鱼类:
    • 🐟 小鱼(10分)— 体型小、速度快、常见
    • 🐠 中鱼(20分)— 中等体型、中速、常见
    • 🐡 大鱼(50分)— 体型大、速度慢、较少
    • ✨ 金鱼(100分)— 稀有出现、高分奖励
  • 60秒倒计时挑战:限时内尽可能多钓鱼得分
  • Web Audio API 音效:投钩、钓到鱼、金鱼特殊、游戏结束音效
  • 三阶段游戏状态:开始界面 → 游戏界面 → 结束界面

🚀 快速开始

# 方式1:直接打开
用浏览器打开 index.html 即可

# 方式2:本地服务器
python3 -m http.server 3000
# 然后访问 http://localhost:3000

🎯 玩法说明

  1. 鼠标左右移动控制鱼竿位置
  2. 点击鼠标放下鱼钩
  3. 鱼钩碰到鱼后自动钓起
  4. 鱼被拉到水面后得分
  5. 60秒内尽可能得高分

🛠️ 技术栈

  • HTML5 Canvas — 游戏画面渲染
  • JavaScript — 游戏逻辑
  • CSS3 — 界面样式
  • Web Audio API — 音效生成
  • requestAnimationFrame — 60fps 游戏循环

📁 项目结构

fishing-game/
├── index.html    # 游戏主文件(单文件包含全部代码)
└── README.md     # 项目说明

📄 License

MIT License - 自由使用和修改

项目介绍

欢乐钓鱼大作战 - 一个可爱的卡通风格钓鱼游戏小工具

定制我的领域