# 贪吃蛇小游戏

**Repository Path**: Chancy599/greedy-snake-game

## Basic Information

- **Project Name**: 贪吃蛇小游戏
- **Description**: 这是一个使用Phaser 3引擎开发的现代化贪吃蛇游戏。游戏采用全屏自适应设计，具有流畅的动画效果和精致的UI界面。玩家可以使用方向键控制蛇的移动方向，通过按住S键可以实现加速功能。游戏支持实时分数统计，设有游戏结束评分界面。项目采用HTML5和JavaScript开发，代码结构清晰，易于维护和扩展。这个项目既可以作为前端开发的学习案例，也可以作为休闲小游戏来娱乐。
- **Primary Language**: Unknown
- **License**: Not specified
- **Default Branch**: master
- **Homepage**: None
- **GVP Project**: No

## Statistics

- **Stars**: 1
- **Forks**: 0
- **Created**: 2025-02-23
- **Last Updated**: 2025-02-23

## Categories & Tags

**Categories**: Uncategorized

**Tags**: HTML, JavaScript, Phaser

## README

# 贪吃蛇小游戏

一个基于Phaser 3引擎开发的现代化贪吃蛇游戏，具有全屏自适应、速度控制等特性

## 功能特点

- 全屏自适应布局
- 现代化UI设计
- 响应式网格系统
- 速度控制系统
- 实时分数统计
- 游戏结束统计

## 技术栈

- HTML5
- Phaser 3.55.2
- JavaScript ES5/ES6

## 快速开始

### 安装步骤

1. 下载项目文件
   - game.js
   - index.html

2. 确保文件结构如下：
```
your-project-folder/
  ├── index.html
  └── game.js
```

### 运行游戏

1. 使用本地服务器运行游戏（必需，因为需要加载外部JavaScript文件）
   - 可以使用Visual Studio Code的Live Server插件
   - 或者使用Python的简单HTTP服务器：
     ```bash
     # Python 3
     python -m http.server 8000
     ```

2. 在浏览器中访问：
   - 如果使用Live Server：通常是 `http://localhost:5500`
   - 如果使用Python服务器：`http://localhost:8000`

## 游戏控制

- 方向键：控制蛇的移动方向
  - ↑：向上移动
  - ↓：向下移动
  - ←：向左移动
  - →：向右移动
- S键：按住加速移动

## 游戏规则

1. 初始状态
   - 蛇的初始长度为3个单位
   - 初始方向为右

2. 得分规则
   - 每吃到一个食物得10分
   - 分数实时显示在左上角

3. 游戏结束条件
   - 撞到墙壁
   - 撞到自己的身体

## 自定义配置

如果需要调整游戏参数，可以修改以下变量：

```javascript
// 在 GameScene.prototype.init 中
this.snake = {
    normalSpeed: 250,  // 正常移动速度（毫秒）
    boostSpeed: 100    // 加速时的移动速度（毫秒）
};
```

## 浏览器支持

- Chrome (推荐)
- Firefox
- Safari
- Edge

确保使用现代浏览器运行游戏以获得最佳体验

## 注意事项

1. 游戏必须在HTTP服务器环境下运行
2. 确保浏览器支持ES5/ES6
3. 保持稳定的网络连接以加载Phaser库

## 可能的问题和解决方案

1. 游戏无法加载
   - 检查是否使用了HTTP服务器运行游戏
   - 确认Phaser库是否成功加载
   - 检查浏览器控制台是否有错误信息

2. 游戏显示异常
   - 尝试刷新页面
   - 检查浏览器窗口大小是否合适
   - 确保浏览器支持HTML5

## 后续优化建议

1. 添加音效系统
2. 实现游戏存档功能
3. 添加难度选择
4. 引入多人对战模式
5. 添加更多视觉效果