复古像素风格贪吃蛇游戏

一个基于Web技术的经典贪吃蛇游戏，采用复古像素风格设计，支持多难度级别和移动端体验。

🎮 游戏特色

• 复古像素风格: 支持8-bit和16-bit两种像素风格切换
• 多难度级别: 简单、中等、困难三种难度选择
• 完整计分系统: 实时分数显示和历史记录保存
• 移动端支持: 虚拟方向键，完美适配手机和平板
• 响应式设计: 自适应不同屏幕尺寸
• 本地存储: 最高分和历史记录本地保存

🚀 快速开始

本地运行

1. 克隆或下载项目文件
2. 在项目根目录启动本地服务器：

   # 使用Python
   python3 -m http.server 8000
   
   # 或使用Node.js
   npx http-server

3. 在浏览器中访问 http://localhost:8000

在线体验

游戏已部署到GitHub Pages，可直接访问：[游戏链接]

🎯 游戏操作

桌面端

• 方向控制: 方向键或WASD
• 暂停游戏: 空格键或暂停按钮
• 开始游戏: 点击"开始游戏"按钮

移动端

• 方向控制: 点击屏幕上的虚拟方向键
• 其他操作: 点击相应按钮

⚙️ 游戏设置

难度选择

• 简单: 蛇移动速度慢，适合新手
• 中等: 标准速度，平衡的游戏体验
• 困难: 高速移动，挑战性高

像素风格

• 8-bit: 经典8位像素风格，像素感更强
• 16-bit: 16位像素风格，更细腻的显示效果

📊 计分系统

• 每吃一个食物获得10分
• 所有难度级别分数计算相同
• 自动保存最高分记录
• 历史记录显示前10个最佳成绩

🛠️ 技术栈

• HTML5: 页面结构和Canvas元素
• CSS3: 像素风格样式和响应式布局
• JavaScript (ES6+): 游戏逻辑和状态管理
• Canvas API: 游戏渲染和像素风格绘制
• LocalStorage: 本地数据存储

📱 浏览器支持

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

🎨 设计特色

• 复古像素风格: 采用经典游戏配色和像素字体
• 响应式布局: 完美适配桌面端和移动端
• 流畅动画: 复古像素动画效果
• 用户友好: 直观的操作反馈和状态提示

📁 项目结构

贪吃蛇游戏/
├── index.html          # 主页面文件
├── css/
│   └── style.css       # 样式文件
├── js/
│   └── game.js         # 游戏逻辑文件
├── assets/             # 资源文件夹
│   ├── fonts/          # 字体文件
│   └── images/         # 图片文件
└── README.md           # 项目说明文档

🔧 开发说明

核心类

• SnakeGame: 游戏主类，包含所有游戏逻辑
• 状态管理: 游戏状态、分数、难度等
• 渲染系统: Canvas绘制和像素风格处理

主要功能

• 蛇的移动和增长逻辑
• 食物生成和碰撞检测
• 键盘和触摸事件处理
• 本地存储和历史记录管理

🚀 部署

GitHub Pages部署

1. 创建GitHub仓库
2. 上传项目文件
3. 在仓库设置中启用GitHub Pages
4. 选择主分支作为源
5. 访问生成的链接

📝 更新日志

v1.0.0 (2024-12-19)

• ✅ 完成基础游戏功能
• ✅ 实现多难度级别
• ✅ 添加像素风格切换
• ✅ 完成计分系统
• ✅ 实现移动端支持
• ✅ 添加历史记录功能

🤝 贡献

欢迎提交Issue和Pull Request来改进游戏！

📄 许可证

MIT License

---

享受游戏！ 🐍✨