# testhtml

**Repository Path**: hanjievvvp/testhtml

## Basic Information

- **Project Name**: testhtml
- **Description**: No description available
- **Primary Language**: Unknown
- **License**: Not specified
- **Default Branch**: main
- **Homepage**: None
- **GVP Project**: No

## Statistics

- **Stars**: 0
- **Forks**: 0
- **Created**: 2026-03-31
- **Last Updated**: 2026-03-31

## Categories & Tags

**Categories**: Uncategorized

**Tags**: None

## README

# 贪吃蛇游戏

一个使用纯 HTML、CSS 和 JavaScript 开发的经典贪吃蛇游戏。无需任何依赖，打开即玩。

## 游戏简介

贪吃蛇是一款经典的休闲小游戏。玩家通过键盘方向键控制蛇的移动方向，引导蛇吃到随机出现的食物。每吃到一个食物，蛇的身体会变长一节，同时分数增加。游戏的目标是尽可能获得更高的分数，同时避免撞到墙壁或自己的身体。

## 游戏特性

- 简单易上手的键盘操作
- 实时分数显示
- 深色主题，简洁美观
- 纯前端实现，无需服务器或任何依赖
- 游戏结束后自动重新开始

## 技术栈

- **HTML5** - 页面结构
- **CSS3** - 界面样式（Flexbox 居中布局、深色主题）
- **JavaScript** - 游戏逻辑（Canvas 2D 绑制）

## 如何开始

### 方法一：直接打开

1. 下载或克隆本仓库
2. 双击打开 `snake.html` 文件
3. 开始游戏！

### 方法二：克隆仓库

```bash
# 克隆仓库
git clone https://gitee.com/hanjievvvp/testhtml.git

# 进入项目目录
cd testhtml

# 用浏览器打开
open snake.html        # macOS
xdg-open snake.html    # Linux
start snake.html       # Windows
```

### 方法三：本地服务器

```bash
cd testhtml

# 使用 Python 启动本地服务器
python3 -m http.server 8000

# 浏览器访问 http://localhost:8000/snake.html
```

## 游戏操作

| 按键 | 功能 |
|------|------|
| 上方向键 | 向上移动 |
| 下方向键 | 向下移动 |
| 左方向键 | 向左移动 |
| 右方向键 | 向右移动 |

> 注意：蛇不能直接掉头（例如正在向右移动时不能直接按左方向键）。

## 游戏规则

1. 游戏开始时，蛇出现在画布中央，默认向右移动
2. 画布上会随机生成一个红色食物
3. 控制蛇移动到食物位置即可吃掉食物
4. 每吃一个食物，蛇身增长一节，分数加 1
5. 食物被吃掉后会在随机位置重新生成
6. 当蛇撞到墙壁或自己的身体时，游戏结束

## 游戏界面说明

| 元素 | 颜色 | 说明 |
|------|------|------|
| 蛇头 | 亮绿色 | 蛇的头部，跟随方向键移动 |
| 蛇身 | 深绿色 | 蛇的身体，跟随蛇头移动 |
| 食物 | 红色 | 吃到后蛇会变长，分数增加 |
| 背景 | 黑色 | 20x20 的游戏区域 |

## 项目结构

```
testhtml/
├── README.md       # 项目说明文档
└── snake.html      # 贪吃蛇游戏（包含 HTML、CSS、JS）
```

## 游戏参数

| 参数 | 值 | 说明 |
|------|------|------|
| 画布大小 | 400 x 400 像素 | 游戏区域尺寸 |
| 格子大小 | 20 x 20 像素 | 每个格子的尺寸 |
| 网格数量 | 20 x 20 | 共 400 个可用格子 |
| 游戏速度 | 100ms/帧 | 每 100 毫秒刷新一次 |

## 浏览器兼容性

支持所有现代浏览器：

- Chrome
- Firefox
- Safari
- Edge

## 许可证

本项目仅供学习和娱乐使用，欢迎自由修改和分享。