🐸

通关挑战

Python 基础vibe-flappy-hoppy
奖励: 50 XP
|

通关挑战 · Flappy Hoppy

你走到这里了。

在过去的四节课里,你从一个对编程一无所知的"麻瓜",一步一步掌握了 Vibe Coding 的全部基础技能:选择武器、建立结界、创世循环、敏捷迭代。

现在,是时候检验你的成色了。这节课没有可以复制粘贴的"标准答案指令"。我将只给你一份导演路线图和七个阶段性目标。具体怎么对 Agent 下达指令、怎么描述你想要的效果——完全由你自己来组织语言。

你的通关条件只有一个:让这款致敬经典《像素鸟》的游戏——Flappy Hoppy 🐸 能跑起来,并且你能玩它。

至于代码长什么样?无所谓。你是导演,不是编剧。

导演路线图

请打开一个全新的空文件夹,用第二课学的方法让 Agent 建好 .venv 结界和安装 pygame。然后,按照以下七个阶段,一步一步地向 Agent 发号施令。

第四课的铁律

小步快跑,一次只加一个功能,跑通了再加下一个。

Flappy Hoppy Challenge

Phase 1:搭建舞台(基础画面)

目标:让 Agent 创建一个 PyGame 窗口。画一个纯色的天空背景(比如浅蓝色)。在画面左侧偏中的位置,放置一个代表"Hoppy"的黄色小方块或圆形角色。游戏启动后不要立刻开始,而是先在屏幕中央显示 "Press SPACE to Start",等玩家按下空格键后,角色才开始受重力影响往下坠落。

参考答案
点击展开
参考答案:
⛑️ 参考 Prompt
Agent,请帮我新建一个 game.py。使用 pygame 搭建一个游戏窗口,背景色为浅蓝色。
在画面左侧偏中的位置,放一个黄色的小方块作为主角"Hoppy"。
注意:游戏启动后不要让 Hoppy 立刻下坠!请先在画面中央显示 "Press SPACE to Start" 的提示文字,
等玩家按下空格键后,游戏才正式开始,Hoppy 才开始受重力影响往下坠落。

Phase 2:赋予操控(空格起跳)

目标:玩家按下空格键时,Hoppy 向上跳跃一小段距离。松开空格后,它继续受重力下坠。让它的运动看起来自然流畅。

参考答案
点击展开
参考答案:
⛑️ 参考 Prompt
现在请给 Hoppy 加上操控能力:每次我按下空格键,它就向上跳跃一段。
松开后继续下落。请让跳跃的手感流畅、自然。

Phase 3:制造危机(管道障碍物)

目标:从屏幕右侧不断生成上下两排绿色的"管道"柱子,中间留一个可以穿过的空隙。所有管道持续向左移动,模拟 Hoppy 在向前飞行。

参考答案
点击展开
参考答案:
⛑️ 参考 Prompt
接下来请加上障碍物系统:从屏幕右侧不断生成成对的绿色柱子(上下各一根),中间留一个够 Hoppy 穿过的缺口。
所有柱子持续向左移动,移出屏幕后自动消失。每隔一段时间就生成新的一对,缺口的高度要随机变化。

Phase 4:生死判定(碰撞与 Game Over)

目标:如果 Hoppy 撞到任何一根管道,或者触碰到屏幕的顶部/底部边缘,游戏立刻结束,屏幕中央显示 "GAME OVER"。

参考答案
点击展开
参考答案:
⛑️ 参考 Prompt
请加碰撞检测:如果 Hoppy 碰到了任何柱子,或者飞出了屏幕的顶部、底部边界,游戏就立刻结束。
画面定格,屏幕正中央显示巨大的白色 "GAME OVER" 文字。

Phase 5:荣誉勋章(计分系统)

目标:每当 Hoppy 安全穿过一对管道的空隙,屏幕上方的分数就 +1。让这个分数在游戏画面中实时显示。

参考答案
点击展开
参考答案:
⛑️ 参考 Prompt
最后请加上计分系统:每次 Hoppy 成功穿过一对柱子的间隙,屏幕上方的分数就加 1。
分数用大号白色数字实时显示在画面顶部中央。

Phase 6:召唤美工(AI 生成游戏素材)

目标:黄色方块和绿色柱子太丑了,配不上你的毕业作品。现在,让 Agent 使用 Python 的图像生成库(比如 Pillow),在本地凭空生成像素风格的游戏美术素材:

1
素材贴图
一个可爱的像素风小青蛙角色贴图 hoppy.png
2
管道贴图
像素风格的绿色水管贴图 pipe.png
3
背景图
一张带远山和云朵的像素天空背景图 background.png

生成完毕后,让 Agent 自动把游戏代码里的纯色方块替换为这些精美的图片贴图。还记得第四课里 AI 凭空合成了一个音效文件吗?这次它不仅会写代码,还要客串游戏美术师

参考答案
点击展开
参考答案:
⛑️ 参考 Prompt
现在游戏的画面太简陋了。请帮我用 Pillow 库在本地自动生成三张像素风格的游戏素材图片:
1. `hoppy.png`:一只可爱的像素小青蛙,正面朝右,有大眼睛,尺寸大约 40x40 像素。
2. `pipe.png`:一根像素风格的绿色水管贴图,尺寸约 80x500 像素。
3. `background.png`:一张像素天空背景,浅蓝色渐变天空,有几朵白色像素云和远处的绿色小山丘,尺寸为游戏窗口大小。
生成图片后,请修改 game.py,用这些图片素材替换掉之前的纯色方块和柱子。

Phase 7:精装交付(最后的打磨)

目标:好产品的差距在于最后 5% 的打磨。让 Agent 为你的游戏加上几个微小但极其加分的细节:

1
动画细节
Hoppy 在跳跃时角度微微上仰,下落时角度下倾(增加灵动感)
2
视觉特效
Game Over 时屏幕闪一下红色(增加打击感)
3
进阶挑战 (可选)
让 Agent 用 Python 合成一段 8-bit 风格的跳跃音效
参考答案
点击展开
参考答案:
⛑️ 参考 Prompt
游戏快完工了,请帮我做最后一波精装修:
1. 让 Hoppy 在往上跳的时候角度微微朝上倾斜,往下落的时候朝下倾斜,增加灵动感。
2. Game Over 的瞬间,屏幕先快速闪一下红色再定格,增加打击感。

🎮 通关了?

如果你的屏幕上出现了一只像素小青蛙在绿色水管之间上下翻飞,背景是带着云朵的蓝天,左上角的分数在跳动——

Flappy Hoppy Gameplay

恭喜你,《初次共鸣》的通关挑战完成了!

🎁 附加彩蛋:把你的游戏发给朋友炫耀!

等等,先别急着关电脑!你知道吗,你刚才做出来的这个游戏,可以直接打包成一个独立的可执行程序发给你的朋友,让他们在自己的电脑上双击就能玩?是的,他们甚至不需要安装 Python,不需要任何技术知识,双击就是玩。

来,对 Agent 下最后一道指令:

我的 Flappy Hoppy 游戏已经开发完成了!
请帮我把它打包成一个独立的可执行程序,让我可以发给朋友直接双击运行。
他们的电脑上没有安装 Python,所以需要把所有依赖都打包进去。
请使用 PyInstaller,并确保游戏用到的所有图片和音效素材都被正确包含在内。

几分钟后,你会在项目文件夹的 dist 目录里找到一个独立的程序文件。把它压缩后发给朋友,让他们见识一下——这是你完全没写过一行代码,却从零做出来的游戏。

友情提示

打包出来的程序只能在与你相同的操作系统上运行(Mac 打包出 .app,Windows 打包出 .exe)。如果你的朋友是 Mac 用户,第一次打开时可能需要右键选择"打开"来绕过系统安全提示。

Pyinstaller Dist

Series 1 技能清单已解锁 ✅

让我们回顾一下你在这五节课中解锁的全部 Vibe 技能:
1
第一课:挑选你的魔杖
选择 AI-Native IDE,告别网页版粘代码
2
第二课:建立结界
用 Agent 一键搭建隔离虚拟环境
3
第三课:你好,玩家
黄金工作循环:需求 → 运行 → 告状修复
4
第四课:头号玩家
敏捷迭代(小步快跑)
5
第五课:Flappy Hoppy
独立完成完整项目 + AI 生成美术素材

你已经证明了自己可以用纯自然语言指挥 AI,从零造出两款完整的互动游戏。但说实话,你现在只是一个"会念咒语的麻瓜"。

你知道怎么让 AI 跑起来,但你还不知道它为什么有时候会突然"降智",也不知道怎么用 Agent Skill 让它拥有长期记忆和企业级潜意识,更不知道当项目变得庞大复杂时,如何用 Git 给自己留好每一个"存档点"

Series 2《深层法则》 中,我们将揭开 AI 的引擎盖,让你从"会用魔法"进化为"理解魔法"的真正大魔法师。

我们 Series 2 见。

通过点击此按钮,您承诺已在本地 IDE 中完成了本关卡的 Vibe Coding 实践任务。