一个基于 HTML5 Canvas 开发的现代化贪吃蛇游戏，支持 PC 端和移动端，具有多种游戏模式和特色功能。

• 多种游戏模式：

  • 普通模式：经典游戏体验，一命一条，撞墙或咬到自己即游戏结束
  • 复活模式：增加生命值系统，初始 1 条命，每得 100 分增加 1 条命，死亡时随机在边缘复活

• 难度设置：

  • 简单：蛇移动速度较慢，适合初学者
  • 中等：适中的移动速度，平衡的游戏体验
  • 困难：蛇移动速度较快，挑战更大

• 多平台支持：

  • PC 端：使用键盘方向键控制
  • 移动端：触屏控制按钮，优化的移动体验

• 游戏控制：

  • 暂停/继续功能：随时按空格键或点击暂停按钮暂停游戏
  • 游戏信息查看：点击信息按钮查看游戏玩法和版权信息

1. 克隆或下载项目到本地
2. 直接打开index.html文件即可在浏览器中运行游戏
3. 也可以通过任何 Web 服务器启动

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

• 方向按钮：点击屏幕上的方向按钮控制蛇的移动
• 暂停按钮：点击中间的暂停/继续按钮控制游戏状态

• 经典贪吃蛇体验
• 撞墙或撞到自己的身体时游戏立即结束
• 吃到食物增加分数和蛇的长度

• 初始拥有 1 条生命值
• 每得 100 分（吃 10 个食物）增加 1 条生命值
• 死亡时消耗 1 条生命值，随机在游戏边缘复活
• 复活时保持死亡前的蛇长度
• 生命值耗尽后游戏结束

• 前端技术：HTML5, CSS3, JavaScript (ES6+)
• 游戏渲染：HTML5 Canvas
• 响应式设计：适配不同屏幕尺寸的设备
• 动画效果：CSS 动画和 Canvas 动画相结合
• 图标：使用 FontAwesome 图标库

├── index.html      # 游戏主页面
├── style.css       # 样式定义
├── script.js       # 游戏逻辑实现
├── README.md       # 项目文档
└── 游戏截图.png     # 游戏截图

游戏包含多个界面和状态：

• 游戏主界面：显示分数、难度选择、模式选择和游戏区域
• 游戏结束界面：显示最终得分和重新开始提示
• 复活界面：显示剩余生命值和复活倒计时
• 暂停界面：显示游戏暂停状态和继续提示
• 信息弹窗：显示游戏玩法说明和版权信息