贪吃蛇游戏

一个基于 React 和 Canvas 的现代化贪吃蛇游戏，具有精美的视觉效果和流畅的游戏体验。

特性

• 💗 可爱的粉色主题设计
• 🎮 支持键盘和触摸屏控制
• 📱 完美适配移动端
• ✨ 特殊食物系统
• 🏆 分数和最高分记录
• 🌈 丰富的动画效果
• 🎯 精确的碰撞检测
• 🔄 穿墙模式
• 📸 游戏截图功能

安装

# 克隆项目
git clone https://github.com/yourusername/snake-game.git

# 进入项目目录
cd snake-game

# 安装依赖
npm install

# 启动开发服务器
npm run dev

游戏控制

键盘控制

• 方向键：控制蛇的移动方向
• 空格键：暂停/继续游戏
• ESC键：返回主菜单
• R键：重新开始游戏
• P键：截图分享

触摸控制

• 滑动：控制蛇的移动方向
• 双指缩放：调整游戏视图
• 双击：暂停/继续游戏

特殊食物系统

游戏中包含以下特殊食物：

• M：移动速度增加50%，持续10秒
• E：额外加3分
• I：使蛇身立即增长2个单位
• Y：延长当前所有特效持续时间
• U：解锁特殊皮肤
• N：下一个普通食物必定生成在安全位置

技术栈

• React 18
• Canvas API
• CSS3 动画
• 响应式设计
• 移动端优化

贡献

欢迎提交 Issue 和 Pull Request！

许可

MIT License