阶段1：项目初始化完成

- 创建基础项目结构
- 实现 HTML/CSS/JS 基础框架
- 配置游戏界面和样式

Closes #1

README.md

@@ -1,3 +1,98 @@
-# snake-game
+# 🐍 贪吃蛇游戏
 
-网页版贪吃蛇游戏 - 完整开发流程演示项目
+一个经典的网页版贪吃蛇游戏，使用纯 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！
+
+---
+
+**游戏愉快！🎮**