# test

**Repository Path**: Ninja112358/test

## Basic Information

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

## Statistics

- **Stars**: 0
- **Forks**: 0
- **Created**: 2026-10-10
- **Last Updated**: 2026-10-10

## Categories & Tags

**Categories**: Uncategorized

**Tags**: None

## README

# 贪吃蛇（Snake）

一个使用 Vue 3 + Vite 实现的贪吃蛇小游戏，用 Canvas 绘制游戏画面。

## 技术栈

- Vue 3（组合式 API + `<script setup>`）
- Vite
- 原生 Canvas

## 环境要求

- Node.js 18+（建议 20+）
- npm

## 运行方式

```bash
# 安装依赖
npm install

# 启动开发服务器
npm run dev

# 生产构建（产物输出到 dist/）
npm run build

# 本地预览生产构建
npm run preview
```

启动后按终端提示的地址（默认 `http://localhost:5173`）在浏览器打开即可。

## 操作说明

| 操作 | 按键 |
|------|------|
| 开始 / 重新开始 | 按钮或 `Enter` |
| 暂停 / 继续 | `空格` 或按钮 |
| 移动 | 方向键 ↑ ↓ ← → 或 `W` `A` `S` `D` |

## 规则

- 使用方向键控制蛇头移动，吃到食物（红色圆点）得 10 分。
- 蛇吃到食物后身体变长，移动速度随分数逐渐加快。
- 撞到墙壁或自己的身体即游戏结束。
- 命中空格可随时暂停 / 继续。
- 最高分通过 `localStorage` 自动保存，下次打开仍然保留。

## 项目结构

```
.
├── index.html                 # Vite 入口页
├── package.json               # 依赖与脚本
├── vite.config.js             # Vite 配置
└── src/
    ├── main.js                # 应用入口
    ├── App.vue                # 根组件
    ├── components/
    │   └── SnakeGame.vue      # 游戏主体（画布 + 面板 + 按钮）
    ├── composables/
    │   └── useSnake.js        # 游戏核心逻辑（响应式状态与渲染）
    └── styles/
        └── main.css           # 全局样式
```

## 扩展方向

- 移动端触控方向键
- 音效与动画特效
- 难度档位选择