这是我用 AI（编程助手）第一次完整"做出"的一个能玩的小游戏——赛博朋克霓虹贪吃蛇。单文件 HTML，浏览器打开就能玩，零依赖。
它不只是"贪吃蛇 + 一点美化"那种程度。AI 在生成代码的时候，主动给我加了不少让我惊喜的细节：
- 赛博朋克霓虹视觉：蛇身从青色渐变到紫色，头部还跟着方向画眼睛；普通食物是发光的霓虹粉球，特殊食物是彩虹脉冲粒子。
- 连击系统：短时间内连续吃到食物会有 x2、x3… 的连击加成（屏幕上会闪光+震动反馈），停顿超过 2 秒连击就清零。
- 特殊食物：每吃 5 个普通食物，会随机刷出一个 8 秒时限的彩虹特殊食物，吃到直接 +50 分并叠加连击。
- 粒子特效 + 屏幕震动：吃食物会爆出 25-60 个发光粒子；连击和特殊时刻画面会抖一下+闪光。
- Web Audio 实时音效：没有用任何音频文件，所有"叮咚、嗡嗡"都是用振荡器现场合成的——吃食物、转向、连击、特殊、Game Over 都有不同的音色。
- 星空粒子背景 + 玻璃态计分板：背景一直有缓慢呼吸的星点，计分板带 backdrop-filter 模糊。
- 细节加分项：localStorage 存最高分；P 键暂停；触屏滑动也能玩（手机也能开）。
▶ 在文章里直接玩
下面就是完整游戏，点击「开始游戏」即可游玩 —— 方向键 / WASD 控制方向，P 暂停：
↑ 这是游戏的开始界面——你能看到青→紫→品红渐变的"霓虹贪吃蛇"标题、玻璃态计分板和那个会发光的"开始游戏"按钮。整体氛围就是我想做的那种"复古赛博朋克"的味道。
玩法 & 操作
经典贪吃蛇规则：方向键或 WASD 控制方向，吃东西长身体，撞墙或撞自己就 Game Over。没有越界穿墙那种简化——就是要你真的"走心"。
| 按键 | 作用 |
|---|---|
| W / ↑ | 向上 |
| S / ↓ | 向下 |
| A / ← | 向左 |
| D / → | 向右 |
| P | 暂停 / 继续 |
| 触屏滑动 | 手机/平板上的方向控制 |
值得一提的是：蛇会随着长度增加而轻微加速（每长一节快 1.2ms，下限 50ms），所以越到后面越紧张——大概这就是"心流通道"里那个恰到好处的斜率。
技术栈（轻到令人发指）
- 纯 HTML + CSS + 原生 JavaScript，零外部依赖。
- Canvas 2D 绘制游戏画面（蛇、食物、粒子、网格、星空）。
- Web Audio API 合成音效（Oscillator + GainNode + frequency ramp）。
- CSS 实现玻璃态、霓虹发光、按钮 hover 扫光、标题呼吸动画。
- localStorage 存最高分（关浏览器不丢）。
整个游戏就是一个 HTML 文件，体积也很小，丢到任何静态托管或者 U 盘里都能直接玩。
用 AI 做小游戏的体会
最大的感受是：AI 不只是"补全代码"，它会主动加入你没要求但很合理的细节——眼睛朝向、连击音效、屏幕震动、最高分存档、暂停键、手机触屏…… 这些东西如果你自己一行一行写，很容易"忘了"或者"懒得加"，但 AI 会顺手给你安排上。
当然，AI 写的代码也会有些"过度设计"或者需要小修的地方（比如 SVG 里的 context-stroke 转位图会失效），但整体上，它把"从想法到能跑"的时间压缩到了一个让人有点恍惚的程度。
下一步我可能想试试让它做一个不一样的小品类——也许是消除类、也许是 Roguelike 小战斗，看看它在更复杂逻辑下的表现。
你们用 AI 做过哪些好玩的东西？也欢迎在评论区聊聊 👇
