# 🐍 贪吃蛇游戏

一个经典的网页版贪吃蛇游戏，使用纯 HTML/CSS/JavaScript 实现。

## ✨ 特性

- 🎮 经典贪吃蛇玩法
- 🎯 三种难度级别（简单/中等/困难）
- ⏸️ 支持暂停和重置
- 📊 实时分数统计
- 🎨 精美的渐变 UI 设计
- ⌨️ 键盘方向键控制
- 📱 响应式设计

## 🎮 游戏玩法

1. 点击"开始游戏"按钮开始
2. 使用方向键 ↑ ↓ ← → 控制蛇的移动
3. 吃到食物（红色圆点）获得 10 分
4. 避免撞墙或撞到自己的身体
5. 随时可以暂停或重置游戏

## 🚀 快速开始

### 方式 1：直接打开

直接用浏览器打开 `index.html` 文件即可开始游戏。

### 方式 2：本地服务器

```bash
# 使用 Python
python3 -m http.server 8000

# 使用 Node.js (需要安装 http-server)
npx http-server

# 然后访问 http://localhost:8000
```

### 方式 3：部署到 Web 服务器

将所有文件部署到任何 Web 服务器（Nginx、Apache 等）的根目录即可。

## 📦 项目结构

```
snake-game/
├── index.html          # 主页面
├── style.css           # 样式文件
├── game.js            # 游戏逻辑
├── README.md          # 项目说明
└── LICENSE            # MIT 许可证
```

## 🛠️ 技术栈

- **HTML5** - 页面结构
- **CSS3** - 样式和动画
- **JavaScript (ES6+)** - 游戏逻辑
- **Canvas API** - 游戏渲染

## 🎯 游戏配置

可以在 `game.js` 中修改 `CONFIG` 对象来自定义游戏参数：

```javascript
const CONFIG = {
    gridSize: 20,           // 网格大小
    canvasSize: 400,        // 画布大小
    easySpeed: 150,         // 简单模式速度
    mediumSpeed: 100,       // 中等模式速度
    hardSpeed: 50          // 困难模式速度
};
```

## 📝 开发路线图

本项目通过分阶段开发完成，展示完整的软件开发流程：

- ✅ [阶段1：项目初始化](https://github.com/user/repo/issues/1)
- ✅ [阶段2：游戏核心逻辑](https://github.com/user/repo/issues/2)
- ✅ [阶段3：游戏 UI 界面](https://github.com/user/repo/issues/3)
- ✅ [阶段4：交互和优化](https://github.com/user/repo/issues/4)
- 🚧 [阶段5：CI/CD 配置](https://github.com/user/repo/issues/5)
- 🚧 [阶段6：部署上线](https://github.com/user/repo/issues/6)

## 📄 许可证

本项目采用 MIT 许可证。详见 [LICENSE](LICENSE) 文件。

## 🤝 贡献

欢迎提交 Issue 和 Pull Request！

---

**游戏愉快！🎮**