一款经典贪吃蛇小游戏,使用纯 HTML + CSS + JavaScript 实现,无需任何依赖,直接在浏览器中运行。
深色主题,20×20 网格地图,蛇身渐变色,随分数自动提速。
直接用浏览器打开 index.html 即可,无需安装任何依赖或启动服务器。
| 按键 | 功能 |
|---|---|
| ↑ / W | 向上移动 |
| ↓ / S | 向下移动 |
| ← / A | 向左移动 |
| → / D | 向右移动 |
| 空格 | 暂停 / 继续 |
| 回车 | 游戏结束后重新开始 |
按任意方向键或空格键即可开始游戏。
- 吃到食物:蛇身 +1 格,得分 +10
- 撞墙或咬到自身:游戏结束
- 每得 50 分速度提升一级,最快间隔 70 ms
| 分数区间 | 移动间隔 |
|---|---|
| 0 – 49 | 150 ms |
| 50 – 99 | 130 ms |
| 100 – 149 | 110 ms |
| 150 – 199 | 90 ms |
| 200+ | 70 ms(最快) |
snake/
├── index.html # 游戏入口
├── style.css # 深色主题样式
└── game.js # 游戏逻辑
- 纯原生 HTML / CSS / JavaScript
- Canvas 2D API 渲染
- 无任何第三方依赖
这是我与 Claude(Anthropic 的 AI)合作完成的第一个项目。感谢 Anthropic 打造了如此出色的编程伙伴。