AI 开发 0 到 1

主题

基础游戏 ​

本节目标 ​

实现贪吃蛇的核心玩法：蛇能移动，能吃食物，碰到边界或自己就游戏结束。

让 AI 做出基础版本 ​

在聊天面板中输入：

帮我做一个贪吃蛇游戏的基础版本。要求：

  • 用 Canvas 画一个游戏区域
  • 蛇可以用键盘方向键控制移动方向
  • 随机生成食物，蛇吃到食物后变长
  • 碰到边界或碰到自己就游戏结束
  • 游戏结束后显示提示

输入基础游戏的 prompt

看看效果 ​

接受 AI 的更改后，浏览器会自动刷新（这就是构建工具的好处）。你应该能看到：

  • 一个方形的游戏区域
  • 一条蛇（通常是几个方块组成的）
  • 一个食物（通常是一个不同颜色的方块）

贪吃蛇基础游戏画面

用方向键试试操控蛇的移动，吃到食物后蛇会变长。

和番茄时钟对比 ​

注意到了吗？贪吃蛇的代码量明显比番茄时钟多——有游戏循环、碰撞检测、画布渲染等逻辑。但你的操作方式完全一样：说需求，看结果。 不管代码有多复杂，你只需要关注最终效果。

常见问题 ​

蛇不动 / 方向键没反应 ​

告诉 AI：

页面打开后蛇不动，按方向键没有反应，请检查一下键盘事件是否正确绑定

蛇穿过自己不会结束 ​

告诉 AI：

蛇碰到自己身体时游戏没有结束，请加上自身碰撞检测

蛇的移动速度太快或太慢 ​

告诉 AI：

蛇移动得太快了（或太慢了），请调整到合适的速度

食物生成在蛇身体上 ​

告诉 AI：

有时候食物会生成在蛇身体所在的位置上，请确保食物只在空白区域生成

下一步 ​

基础玩法已经完成了。下一节我们来完善游戏体验——加上计分、速度递增和重新开始功能。