🎯 1. 回顾上节课成果
在第1课中,你已经学会了用 AI 对话的方式制作一个基础的贪吃蛇游戏。你学会了:
- 如何用自然语言描述需求让 AI 生成代码
- 如何使用 z.ai 等平台快速制作原型
- 如何理解 AI 编程的能力边界
- "完成比完美更重要"的理念
现在,我们将深入学习如何迭代改进你的游戏,让它变得更酷、更有趣!
迭代改进就是不断发现问题、提出改进想法、让AI帮你实现的过程。
你不需要一次性描述所有功能,而是一步步添加、一步步优化。
这就是 vibe coding 的核心:用对话的方式持续改进!
图1: 从基础版贪吃蛇开始,一步步进化
🚀 2. 添加游戏增强功能
2.1 添加背景音乐和音效
一个游戏有了音效会更加有趣!你可以让AI帮你添加:
- 背景音乐:游戏进行时的循环音乐
- 吃食物音效:蛇吃到食物时的提示音
- 游戏结束音效:撞墙或撞到自己时的失败音
- 胜利音效:达到特定分数时的庆祝音
你可以这样跟AI对话:
请帮我给贪吃蛇游戏添加音效:
1. 添加背景音乐(可以用免费的音效资源)
2. 蛇吃到食物时播放"吃到"音效
3. 游戏结束时播放"失败"音效
4. 添加一个音效开关按钮,用户可以关闭音效
2.2 制作开始界面和结束界面
好的游戏都有清晰的界面。你可以添加:
🎨 开始界面
包含游戏标题、开始按钮、玩法说明、难度选择等。让玩家在开始前了解游戏规则。
💔 结束界面
显示最终分数、游戏时间、重新开始按钮。可以添加"分享成绩"功能,让玩家炫耀自己的战绩。
请帮我添加游戏界面:
1. 添加开始界面,包含:游戏标题、开始按钮、玩法说明
2. 添加结束界面,显示:最终分数、游戏时长、重新开始按钮
3. 界面要简洁好看,用现代的设计风格
2.3 实现分数排行榜
排行榜可以激励玩家不断挑战!你可以添加:
- 本地排行榜:使用 localStorage 保存玩家的历史成绩
- 显示前10名:展示最高分的10次游戏记录
- 成绩详情:包含分数、游戏时间、日期
请帮我添加排行榜功能:
1. 使用 localStorage 保存玩家的历史成绩
2. 显示前10名的成绩,包含:分数、游戏时间、日期
3. 在游戏结束时,如果进入排行榜,显示祝贺消息
4. 添加一个排行榜页面,玩家可以随时查看
2.4 优化手机触摸操作
很多玩家会用手机玩你的游戏!你需要优化手机体验:
📱 触屏控制
让玩家可以通过滑动屏幕控制蛇的方向。上滑向上、下滑向下、左滑向左、右滑向右。
🎯 虚拟按钮
在屏幕上添加四个方向按钮,方便玩家点击操作。按钮要大且清晰,适合手指点击。
请帮我优化手机触屏体验:
1. 添加触屏滑动控制:上滑向上、下滑向下、左滑向左、右滑向右
2. 添加虚拟方向按钮,按钮要大且清晰
3. 游戏区域适配手机屏幕,按钮不会遮挡游戏
4. 添加一个"触屏模式"开关,用户可以选择滑动或按钮控制
💡 3. 更多创意功能
除了基础增强功能,你还可以添加一些创意功能,让你的游戏独一无二!
3.1 AI原生贪吃蛇(回顾与拓展)
在第1课我们提到了"AI原生贪吃蛇"——让蛇吃单词、写诗、画画。现在你可以深入实现这些功能:
🎨
颜色变化
蛇吃到不同颜色的单词后,蛇的颜色也会改变,让游戏更视觉化。
✨
魔法单词
特殊的单词会触发特殊效果,比如加速、变大、无敌等。
📝
实时创作
每吃一个单词就生成一句诗,最后组成完整的诗歌作品。
🖼️
图像生成
根据生成的诗歌调用AI绘画API,生成对应的画作。
我想制作一个AI原生的贪吃蛇游戏:
1. 蛇可以吃不同颜色的单词,蛇的颜色会随着吃的单词颜色变化
2. 添加"魔法单词"功能:吃到"快"字蛇会加速,吃到"大"字蛇会变大
3. 每吃一个单词,AI生成一句诗,并在右侧显示
4. 当吃了8个单词后,AI根据诗歌生成一幅画,并在画面展示
5. 添加"保存作品"按钮,玩家可以保存自己的诗歌和画作
3.2 添加更多关卡
你可以设计不同的关卡,让游戏更有挑战性:
🌟 关卡设计思路
- 关卡1:简单模式 - 移动速度慢,地图开阔
- 关卡2:普通模式 - 移动速度加快,添加障碍物
- 关卡3:困难模式 - 移动速度很快,障碍物更多
- 关卡4:创意模式 - 特殊规则(如反向控制)
请帮我添加关卡系统:
1. 设计4个关卡:简单、普通、困难、创意
2. 不同关卡有不同的移动速度和障碍物数量
3. 在开始界面让玩家选择关卡
4. 添加关卡进度提示,显示当前关卡和目标分数
5. 完成一个关卡后,自动进入下一关卡
如果你觉得自己的提示词不够详细,可以直接问AI:"请帮我生成一个更完整的提示词"。
AI会帮你生成一个结构化、详细的提示词,包含所有关键功能点。
这就是元提示——让AI帮你写提示词!
🚀 4. 上传到 MG App Store
当你完成了一个满意的贪吃蛇版本,可以把它上传到 MG App Store,让更多人玩你的游戏!
步骤说明
- 准备HTML文件:在你的 AI 平台上下载完整的项目代码(通常是单个 HTML 文件)
- 测试游戏:在浏览器中打开 HTML 文件,确保游戏可以正常运行
- 上传到 MG App Store:点击主页的"+ 提交作品"按钮
- 填写信息:输入作品名称、作者名字、简介、游戏类型
- 分享给朋友:上传成功后,你就可以把链接分享给朋友炫耀啦!
上传的作品应该是单页面 HTML 文件,最大 2MB。
如果你的游戏有图片或音频,可以把它们内嵌到 HTML 文件中。
AI 平台生成的代码通常是单文件格式,很适合直接上传!
🎯 本章任务
你已经学会了如何迭代改进游戏。现在动手实践吧!
- 基础任务(必做):
- 添加背景音乐或音效(至少1种)
- 制作开始界面和结束界面
- 优化手机触屏操作(滑动或虚拟按钮)
- 进阶任务(可选):
- 实现分数排行榜(本地存储)
- 添加关卡系统(至少3个关卡)
- 实现AI原生功能(吃单词、生成诗歌)
- 挑战任务:
- 上传你的作品到 MG App Store
- 分享给至少3个朋友,收集他们的反馈
- 根据反馈继续改进你的游戏
💡 提示:你可能需要约2小时完成基础任务,进阶任务可能需要更多时间。
记住:完成比完美更重要!先完成基础功能,再慢慢添加进阶功能。