## 一、功能介绍

这是一个用纯HTML5+CSS+JavaScript实现的经典贪吃蛇小游戏，无需任何框架和依赖，打开就能玩。

### 主要功能特点：
– 🎮 经典贪吃蛇玩法，操作简单易上手
– 🎨 炫酷紫色渐变背景，毛玻璃效果游戏容器
– 📊 实时得分显示，支持最高分记录（本地存储）
– ⏸️ 支持开始、暂停、重新开始
– 📱 电脑键盘方向键控制，手机触摸按钮支持
– 🚀 吃到食物后蛇会加速，增加难度
– 👀 蛇头带可爱眼睛，蛇身渐变效果
– ✨ 食物带渐变发光效果，视觉效果好

### 适合场景：
– 网页小游戏爱好者学习参考
– 网站添加互动小游戏
– 前端初学者学习Canvas绘图
– 休闲娱乐打发时间
– 作为网页小彩蛋增加趣味性

技术栈：
– 纯HTML5 + CSS + JavaScript
– Canvas绘图
– localStorage本地存储
– 无需任何第三方库和框架

## 三、小白使用教程

### 环境准备：
– 一台电脑（Windows、Mac、Linux都可以）
– 任意浏览器（Chrome、Edge、Firefox、Safari都支持）
– 不需要安装任何软件和依赖

### 使用步骤：
1. **下载源码包**：从下面的下载地址下载完整的源码压缩包
2. **解压文件**：把下载的zip压缩包解压到任意文件夹
3. **打开游戏**：找到解压后的 index.html 文件，双击用浏览器打开
4. **开始游戏**：点击”开始游戏”按钮，用键盘方向键控制蛇的移动
5. **吃食物得分**：控制蛇吃到红色的食物，每吃一个得1分，蛇会变长
6. **游戏结束**：蛇撞到墙壁或者撞到自己的身体，游戏就结束了
7. **重新开始**：点击”再来一局”按钮可以重新开始游戏

### 操作说明：
– **电脑端**：用键盘上下左右方向键控制蛇的移动方向
– **手机端**：用屏幕上的方向按钮控制（需要自己添加触摸按钮）
– **空格键**：暂停/继续游戏
– **R键**：重新开始游戏

### 常见问题：
**Q：游戏打不开怎么办？**
A：检查是不是用浏览器打开的，不要用记事本或者其他软件打开。如果还是不行，换个浏览器试试。

**Q：蛇不动怎么办？**
A：先点击一下游戏区域，确保浏览器焦点在游戏上，然后再按方向键试试。

**Q：最高分记录会消失吗？**
A：不会，最高分会保存在浏览器本地，只要不清除浏览器数据就一直存在。

## 四、下载地址

源码已上传到网盘，点击下方链接即可下载：

[HTML5贪吃蛇小游戏源码下载](http://kk.baige.icu/down.php/7cc8c4f15fad467f1459443b8d8a7b4a.zip)

**文件大小**：约10KB
**文件格式**：zip压缩包
**包含文件**：index.html（完整的游戏代码，HTML+CSS+JS都在一个文件里）

下载后解压，双击index.html就能玩了！