使用 AI制作小游戏—— 以 "贪吃蛇" 为例

一. 需要准备 

联网电脑（或平板）一台  

AI 对话工具：豆包网页版 / 客户端均可  

浏览器：Chrome、Edge、Safari 任意 

无需安装编程软件，无需注册开发账号

二. 教学流程

第一步：想清楚玩法

游戏叫什么？—— 贪吃蛇

玩家做什么？—— 方向键控制小蛇移动，吃食物变长

输赢条件？—— 撞墙或撞到自己身体就结束

画面什么样？—— 深色背景，绿色的蛇，红色的食物

计分规则？—— 吃一个食物得 10 分，速度逐渐加快

教学要点  ：这一步不要跳过。学想得越清楚，后面跟 AI 对话越顺利。

第二步：把需求告诉 AI

给出一个参考提示词，

帮我做一个贪吃蛇网页小游戏，要求：

1. 方向键控制小蛇上下左右移动

2. 吃到红色食物，蛇变长，加 10 分

3. 撞到墙或撞到自己身体，游戏结束

4. 深色背景，蛇是绿色的

5. 显示当前分数和最高分

6. 游戏结束后有 "再来一局" 按钮

说明：不需要写代码，用大白话说清楚规则就行。AI 会自动生成完整的 HTML 代码。

第三步：运行游戏

1. 把 AI 生成的代码  全部复制  

2. 新建一个记事本文件，粘贴进去

3. 保存为 `snake.html`（注意后缀名是 .html，不是 .txt）

4. 双击文件，用浏览器打开，游戏就跑起来了

常见问题  ：Windows 默认隐藏文件后缀名。要在文件夹 "查看" 选项里打开 "文件扩展名"，否则保存出来的还是 .txt 文件，浏览器打不开。

第四步：调试修改（30 分钟）

自己试玩，发现问题就回去告诉 AI 改。

 蛇太快了，跟不上   颜色不好看  结束了不能重来  手机上玩不了

这一步是重点，做游戏不是一次成功的，而是反复改出来的

第五步：加功能扩展（20 分钟）

基础版跑通后，鼓励加自己的创意。参考方向：

换皮肤：蛇变成彩虹色，每节颜色不同

加道具：金色食物，吃到加 50 分

加障碍：地图中间加几堵墙

加音效：吃到食物发出 "叮" 的声音

加关卡：每吃 5 个食物升一级，速度更快

三、提示词技巧

1.先说是什么：开头就说 "帮我做一个贪吃蛇游戏"，不要让 AI 猜

2.分条列要求：1、2、3、4 列出来，比一大段话清楚

3.说效果不说实现：告诉 AI "我要什么效果"，不用管它 "怎么做"

4.说具体不满意哪里 ：不要说 "不好看"，要说 "颜色太亮了"" 字太小了 "

5.一步一步来：先做最简版本，再加功能，不要一次要太多