🐍 贪吃蛇大作战 (Snake Game)

一个基于 HTML5 Canvas 和原生 JavaScript 开发的现代网页版贪吃蛇游戏。项目采用了霓虹玻璃拟态（Neon Glassmorphism）设计风格，并结合了可爱的卡通视觉元素。

• 现代视觉体验：

  • 独特的深色霓虹玻璃拟态 UI 设计。
  • 动态卡通蛇头：蛇头采用 SVG 绘制，带有可爱的表情，并会根据移动方向自动旋转。
  • 精致的食物设计：食物为带叶子的红苹果，具有细腻的光影效果。
  • 流畅的动画与屏幕震动反馈。

• 完整游戏系统：

  • 用户及其系统：支持访客登录与用户注册/登录模拟。
  • 数据记录：记录最高分、游戏时长等数据。
  • 自适应布局：良好的屏幕适配性。

• 核心玩法：

  • 经典贪吃蛇操作逻辑（方向键控制）。
  • 碰撞检测（墙壁与自身）。
  • 随着分数增加，蛇的移动速度会逐渐加快。

本项目是一个纯前端静态网页应用，无需复杂的后端环境即可运行。

1. 下载源码：克隆或下载本项目到本地。
2. 启动游戏：
   • 直接双击打开根目录下的 index.html 文件。
   • 或者使用 VS Code 的 "Live Server" 插件运行以获得更好的体验。

• 开始/重新开始：点击屏幕下方的“开始游戏”或“再来一局”按钮。
• 暂停/继续：点击“暂停”按钮或使用空格键（如果已实现快捷键）。
• 移动控制：使用键盘方向键 ↑ ↓ ← → 控制蛇的移动方向。

d:/my_project/tcs/
├── css/                # 样式文件
│   └── style.css      # 核心样式表
├── js/                 # 脚本文件
│   ├── app.js         # 应用入口与事件绑定
│   ├── game.js        # 游戏核心逻辑与渲染 (SVG绘制在此)
│   ├── ui.js          # UI 交互控制
│   ├── auth.js        # 用户认证逻辑
│   └── storage.js     # 本地数据存储管理
├── assets/             # 资源目录
└── index.html          # 游戏主页

• 核心：HTML5, CSS3, JavaScript (ES6+)
• 图形渲染：Canvas API, SVG Path (用于矢量图形绘制)
• 存储：LocalStorage (用于由于用户数据持久化)

• 视觉优化：将原本的几何图形替换为 SVG 绘制的卡通蛇头和苹果，增加了动态旋转逻辑。
• UI 升级：实现了全站的霓虹玻璃风格主题。

Created by Antigravity Agent