Vue 贪吃蛇游戏

一个使用 Vue 3 + TypeScript 开发的现代化贪吃蛇游戏。

在线演示 https://metool.online/snake/

功能特点

• 🎮 支持键盘和触屏控制
• 📱 完全响应式设计，支持所有设备
• 🌈 现代化 UI 设计，带有流畅动画
• 🔄 实时地图大小调整
• 🏆 本地记分系统
• 🚀 渐进式难度提升
• 💫 穿墙特性

技术栈

• Vue 3
• TypeScript
• CSS3 动画
• Local Storage

如何运行

安装依赖

npm install

开发环境运行

npm run dev

构建生产版本

npm run build

游戏控制

• 键盘控制: 使用方向键 ↑ ← ↓ → 控制蛇的移动
• 触屏控制: 在移动设备上使用屏幕按钮控制

游戏规则

1. 蛇可以穿过墙壁，从另一侧出现
2. 每吃到一个食物得10分
3. 吃到食物后速度会逐渐增加
4. 撞到自己身体时游戏结束

特色功能

• 可调整地图大小（10x10 至 30x30）
• 流畅的动画效果
• 响应式设计，适配各种屏幕尺寸
• 支持横屏/竖屏模式
• 本地保存最高分

贡献

欢迎提交 issue 和 pull request。

许可证

MIT License - 查看 LICENSE 文件了解详情