🍃 治愈贪吃蛇 · 增强版

一个零依赖、单文件的 HTML5 贪吃蛇小游戏，主打「宽画面 + 三档速度」的治愈系解压体验。

🎮 在线试玩（GitHub Pages）：https://gemcodexstar.github.io/healing-snake/

✨ 特性

• 大棋盘：24×24 网格（较原版 20×20 可活动格子 +44%），画面随窗口高度自适应，最大 580px
• 三档速度：🐢 慢速 300ms · 🚶 中速 180ms · 🚀 高速 90ms，按 1/2/3 或点按钮随时切换，不用重开局
• 暂停功能：空格 / P 暂停继续，切到后台自动暂停，回来从暂停处继续
• 分档最佳分：慢 / 中 / 高三档速度各自记录最佳成绩（localStorage 本地保存）
• 治愈系细节：吃食粒子爆发、蛇身渐变色、食物呼吸光晕、高分屏清晰渲染
• 移动端适配：屏幕方向键 + 画布滑动手势 + 中央暂停键，震动反馈

🎮 操作

按键	功能
方向键 / WASD	控制蛇的移动
空格 / P	暂停 / 继续（游戏结束后按空格重开）
1 / 2 / 3	切换 慢速 / 中速 / 高速（不重开局）
R	游戏结束后重开

📁 文件

• index.html — 增强版（默认入口）
• original.html — 原版「治愈贪吃蛇」（20×20 小棋盘，用于对比）

🚀 本地运行

直接双击 index.html 用浏览器打开即可——零构建、零依赖、无需服务器。

🛠 技术

原生 JavaScript + HTML5 Canvas 单文件实现：

• requestAnimationFrame + 时间累积器驱动游戏逻辑（渲染与步进解耦，切速度无需重开）
• devicePixelRatio 缩放的高分屏渲染
• CSS min()/calc()/100dvh 视口自适应布局
• localStorage 分档持久化、Page Visibility API 自动暂停

🙏 参考

• taniarascia/snek — 方向键/WASD + 重开的操作约定
• patorjk/JavaScript-Snake — 可配置棋盘尺寸、无依赖纯 JS 思路