🐍 贪吃蛇游戏

中文 | English

一个现代化的贪吃蛇游戏，使用HTML5 Canvas和JavaScript开发。

🔗 在线试玩

点击立即试玩

📸 游戏截图

左：游戏开始界面 | 右：游戏进行中

🎮 游戏特性

• 经典玩法: 控制蛇吃食物，避免撞墙和撞到自己
• 现代界面: 美观的渐变背景和圆角设计
• 响应式设计: 支持桌面端和移动端
• 多种控制方式:
  • 键盘控制：WASD 或方向键
  • 移动端触摸按钮
• 游戏功能:
  • 实时计分系统
  • 最高分记录（本地存储）
  • 暂停/继续功能
  • 游戏结束重新开始

🚀 如何运行

1. 直接在浏览器中打开 index.html 文件
2. 点击"开始游戏"按钮
3. 使用键盘或触摸按钮控制蛇的移动

🎯 游戏规则

1. 移动控制:

   • 桌面端：使用 WASD 键或方向键
   • 移动端：点击屏幕上的方向按钮

2. 游戏目标:

   • 控制蛇吃红色的食物
   • 每吃一个食物得10分
   • 蛇会变长一节

3. 游戏结束条件:

   • 蛇撞到墙壁
   • 蛇撞到自己的身体

4. 特殊功能:

   • 暂停：点击暂停按钮或游戏进行中按空格键
   • 重新开始：游戏结束后点击重新开始按钮

🛠️ 技术实现

• 前端技术: HTML5, CSS3, JavaScript (ES6+)
• 图形渲染: HTML5 Canvas API
• 数据存储: localStorage (最高分记录)
• 响应式设计: CSS媒体查询
• 兼容性: 现代浏览器 (Chrome, Firefox, Safari, Edge)

📱 移动端支持

游戏完全支持移动设备：

• 触摸控制按钮
• 响应式布局
• 适配不同屏幕尺寸

🎨 界面设计

• 渐变背景色彩
• 圆角卡片式设计
• 现代化按钮样式
• 清晰的游戏网格
• 平滑的动画效果

📝 更新日志

v1.0.0

• 基础游戏功能实现
• 桌面端和移动端支持
• 计分系统和最高分记录
• 暂停/继续功能
• 现代化UI设计

🤝 贡献

欢迎提交问题和改进建议！

📄 许可证

MIT License - 可自由使用和修改