贪吃蛇游戏 🐍

一个现代化的贪吃蛇游戏，具有关卡系统、动态速度调整和精美的视觉效果。

游戏特色

🎮 核心功能

• 经典贪吃蛇玩法：使用方向键控制蛇的移动，吃食物增长身体
• 关卡系统：每吃满12个食物即可通过当前关卡
• 动态速度：随着关卡提升，游戏速度逐渐加快，挑战更大
• 关卡通过弹窗：通过关卡时显示祝贺弹窗，可选择继续或放弃
• 蛇长度重置：新关卡开始时蛇长度重置为1，重新挑战

🎨 视觉效果

• 现代化UI设计：渐变背景、圆角边框、阴影效果
• 动画效果：分数增加动画、关卡升级动画、食物计数动画
• 响应式布局：支持桌面和移动设备
• 毛玻璃弹窗：关卡通过时的精美弹窗效果

⌨️ 游戏控制

• 方向键：控制蛇的移动方向（↑↓←→）
• 空格键：暂停/继续游戏
• R键：重新开始游戏

游戏规则

1. 移动控制：使用方向键控制蛇的移动
2. 吃食物：蛇头碰到食物时身体增长，分数增加
3. 关卡进度：每吃12个食物通过一关
4. 速度递增：每通过一关，游戏速度加快
5. 游戏结束：蛇头撞到墙壁或自己的身体时游戏结束
6. 关卡选择：通过关卡时可选择继续下一关或放弃游戏

技术实现

📁 项目结构

SnackGame/
├── index.html      # 游戏主页面
├── style.css       # 样式文件
├── script.js       # 游戏逻辑
└── README.md       # 项目说明

🛠️ 技术栈

• HTML5：游戏页面结构
• CSS3：样式设计和动画效果
• JavaScript：游戏逻辑和交互
• Canvas API：游戏画面渲染

🎯 核心功能实现

• 游戏循环：使用setTimeout实现游戏主循环
• 碰撞检测：检测蛇与食物、墙壁、自身的碰撞
• 关卡系统：动态调整游戏速度和重置游戏状态
• 事件处理：键盘事件监听和按钮点击处理
• 状态管理：游戏运行、暂停、结束状态的管理

快速开始

运行游戏

1. 克隆或下载项目文件
2. 在项目目录下启动本地服务器：

   python3 -m http.server 8000

3. 在浏览器中访问：http://localhost:8000
4. 开始游戏！

游戏操作

• 使用方向键控制蛇的移动
• 按空格键暂停/继续游戏
• 按R键重新开始游戏
• 通过关卡时选择继续或放弃

游戏截图

游戏包含以下界面：

• 主游戏界面：显示游戏区域、分数、关卡信息
• 关卡通过弹窗：祝贺信息和选择按钮
• 游戏结束界面：最终分数和重新开始选项

开发说明

关卡系统

• 起始速度：150ms
• 速度递增：每关减少10ms（最快50ms）
• 关卡条件：每关需吃12个食物
• 蛇长重置：新关卡开始时重置为1

动画效果

• 分数增加：缩放和颜色变化动画
• 关卡升级：发光和脉冲效果
• 食物计数：数字跳动动画
• 弹窗显示：淡入和滑入动画

浏览器兼容性

• Chrome 60+
• Firefox 55+
• Safari 12+
• Edge 79+

许可证

本项目仅供学习和娱乐使用。

---

🎮 开始游戏，挑战你的反应速度和策略思维！ 🐍