99 lines
2.5 KiB
Markdown
99 lines
2.5 KiB
Markdown
# 🐍 贪吃蛇游戏
|
||
|
||
一个经典的网页版贪吃蛇游戏，使用纯 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！
|
||
|
||
---
|
||
|
||
**游戏愉快！🎮**
|