做一个小游戏 - 初中生编程探究课

📚

课程内容

🎯 课程目标

🗣️

会表述

描述游戏功能

🛠️

会操作

制作完整游戏

🔧

会修改

调整并运行

🧠

能理解

循环的核心作用

📋

会记录

完成学习单

🔄 核心概念：循环

🌰 生活中处处有循环——你每天都在用！

⏰

闹钟赖床循环

闹钟每隔5分钟响一次，直到你起床关掉为止

🪥

刷牙循环

上下刷30次 → 重复固定次数

📋

课堂点名循环

从第1个点到最后一个 → 遍历全班名单

🎮

游戏主线循环

只要血量 > 0，就一直刷怪打怪

📺

追剧循环

一集接一集，直到全部看完（或睡着）

🔁

共同规律：重复做一件事，直到满足某个条件

💡 为什么需要循环？1+2+3+...+100 = ?

❌ 笨办法：手动写100行

# 写到手酸 😫
sum = 0
sum = sum + 1
sum = sum + 2
# ...省略96行...
sum = sum + 100

✅ 聪明办法：循环

sum = 0
for i in range(1, 101):
   sum = sum + i
print(sum)
# 仅3行！✨

🔵 for 循环 — 已知次数，用 for

打印 5 次「加油！」

for i in range(5):
   print("加油！")

🔍 拆解：

🎫

range(5)
5个号码牌 [0,1,2,3,4]

👆

for i in ...
i 依次领取

▶️

循环体
执行动作

🟠 while 循环 — 条件满足就一直做

存钱买游戏机 🎮（300元，每周50元）

money = 0
week = 0
while money < 300:
   week = week + 1
   money = money + 50
   print(f"第{week}周，{money}元")
print("🎉 游戏机到手！")

💰 0/300

🏗️ 循环「三大件」

🌰 生活中的循环：早上定闹钟

闹钟每 5 分钟响一次，直到你起床关掉为止。

⏰

初始化

还没响过（响了 0 次）

🤔

条件判断

你还没起床？→ 继续响

🛑

更新变量

你起床了 → 关掉闹钟

💻 代码中的循环：做 10 个俯卧撑

count = 0
while count < 10:
   print(f"第{count+1}个俯卧撑！💪")
   count = count + 1
print("✅ 10个完成！")

👆 这段代码中，初始化、条件判断、更新变量分别在哪？点击揭晓答案 ⬇

❓
点击揭晓

🔩 组成	📋 作用	🎮 游戏类比
初始化	设置起点	游戏开始分数 = `0`
条件判断	决定是否继续	`血量 > 0？`
更新变量	向结束靠近	过障碍 → `分数+1`

⚠️ 致命错误：忘记更新变量 → 死循环！💀

🤖 万能提示词框架：RICES

RICES = R角色（Role）+ I意图（Intention）+ C内容（Content）+ E风格（Style）+ S技术（Tech）+ L约束（Limit）

一句话总结：你是谁 → 做什么 → 放什么 → 长啥样 → 怎么做 → 注意啥

要素	含义	填写指南	通用示例	🐦 小鸟游戏示例
R 角色（Role）	设定AI身份	"你是一位…"	游戏开发者 / 测试专家 / 科普网站设计师	你是一位前端开发工程师
I 意图（Intention）	网页目的	"这个网页用于…"	展示家乡特产 / 介绍AI知识 / 班级活动报名	制作一个Flappy Bird小游戏
C 内容（Content）	具体信息	"需要包含：1. 2. 3. "	1.标题和简介 2.三张图片展示 3.联系方式表单	小鸟飞行、管道障碍、计分显示
E 风格（Style）	视觉要求	"外观要求："	清新自然 / 科技感深色 / 活泼卡通 / 简约商务	活泼卡通风格，色彩鲜艳
S 技术（Tech）	实现方式	"使用…技术，包含…功能"	HTML+CSS，响应式布局 / 点击切换图片 / 表单验证	HTML+CSS+JS、Canvas绘制
L 约束（Limit）	限制条件	"注意："	适合初中生使用 / 单文件HTML / 无外部图片依赖	单文件运行，无外部依赖

📝 总结公式（R-I-C-E-S 框架）

【角色】+【需求】+【内容】+【风格】+【技术/功能】+【约束】

= 你是谁 → 做什么 → 放什么 → 长啥样 → 怎么做 → 注意啥

🎮

互动小游戏

🐦 任务一：小鸟飞越大冒险

点击画面或按空格键跳跃，穿过管道得分！

得分：0

📋 RICES 提示词参考

【R 角色】你是一位资深前端游戏开发工程师
【I 意图】制作一个在浏览器中运行的 Flappy Bird 小游戏
【C 内容】1.小鸟在屏幕左侧，受重力持续下落 2.点击鼠标或空格键跳跃 3.屏幕右侧生成上下管道障碍物，从右向左移动 4.小鸟穿过管道间隙得1分 5.碰到障碍或地面/天花板则游戏结束 6.显示实时分数和"再玩一次"按钮
【E 风格】活泼卡通风格，天空蓝渐变背景，圆润可爱的小鸟
【S 技术】使用 HTML+CSS+JS 单文件，Canvas 绘图实现
【L 约束】单文件运行，不依赖外部资源，适合初中生使用

🤖 任务二：小鸟飞越大冒险（AI 版）

鸟从画面最上方出发，第1~4次尝试撞管道上沿（Y=5→40→75→110），第5次（Y=145）从合适位置穿过间隙！

得分：0 🏆 AI最高：0

「起始位置」决定能否通过

从 Y=5（最上方）出发 → 每次下移 35px → 5→40→75→110→145 → 第5次正好穿过间隙！

太高了(Y=5~110) → 撞管道上沿

Y=145 → 穿过间隙 🎉

看画面中央大字的尝试次数，观察小鸟出发位置一步步下移直到成功！

🌍 生活中到处都有「自适应学习」：

🌡️

空调恒温

太热→降温
太冷→升温
反复调到 26℃

📱

自动亮度

环境亮→屏幕亮
环境暗→屏幕暗
自动调到你舒服

🎬

短视频推荐

你点赞→多推同类
你划走→少推同类
越刷越懂你

📋 RICES 提示词参考

【R 角色】你是一位精通 AI 和游戏开发的编程专家
【I 意图】在 Flappy Bird 基础上增加 AI 自动避障功能
【C 内容】1.保留原游戏所有功能 2.增加手动/AI 模式切换按钮 3.AI模式下小鸟从最上方出发逐步下移 4.画面中央大字显示当前第几次尝试 5.前4次撞管道上沿，第5次（Y=145）成功穿过
【E 风格】AI 模式下小鸟变色（橙色），管道变紫色，画面中央大字显示尝试次数
【S 技术】HTML+CSS+JS 单文件，自适应阈值算法（简单易懂）
【L 约束】单文件运行，代码清晰带注释，便于初中生理解 AI 原理

❓

课堂问答

点击选项作答

1️⃣ 循环的三大组成部分是什么？▼

A. 开始、过程、结束

B. 输入、处理、输出

C. 初始化、条件判断、更新变量

D. for、while、if

2️⃣ for 循环适合什么场景？▼

A. 已知重复次数

B. 不知道什么时候结束

C. 永远不停止

D. 只执行一次

3️⃣ 忘记更新循环变量会导致什么？▼

A. 程序变快

B. 自动修复

C. 死循环（永远跑不完）

D. 程序跳过循环

4️⃣ RICES 框架中 R 代表什么？▼

A. Run（运行）

B. Role（角色）

C. Read（读取）

D. Right（正确）

5️⃣ 小鸟游戏中哪个功能用到循环？▼

A. 只有计分

B. 只有管道移动

C. 只有小鸟飞行

D. 以上全部（游戏一直在循环运行）

📝

作业模板

《做一个小游戏（AI版）》学习单

班级：姓名：学号：

一、活动准备

1. 我准备做的小游戏是：，是风格。

二、提示词描述（按照RICES框架进行描述）

2. 你是如何跟AI描述你的想法的，把具体的提示词内容填到表格里。

要素	含义	填写内容
Role 角色	设定AI身份
Intention 意图	网页目的
Content 内容	具体信息
Style 风格	视觉要求
Tech 技术	实现方式
Limit 约束	限制条件

三、实验记录

观察项目	填写内容
第一次尝试得分
第三次尝试得分
小鸟飞行轨迹特点（平稳/颠簸/激进）
是否出现"提前跳"或"延迟跳"
你观察到的特殊现象

四、AI学习过程追踪

观察 AI 游戏画面正中间那个红色大字（第N/5次），记录每次尝试小鸟的出发Y位置和结果：

💡 小鸟从 Y=5 开始，每次下移 35px，5→40→75→110→145，第5次正好穿过间隙 Y=160~240

尝试次数	出发Y位置	撞上了吗？（上/下/通过）	你的发现
1
2
3
4
5

🎯

奖惩区

⚖️ 课堂公约

表现优秀、积极回答、遵守纪律 → 送文具奖品 ｜扰乱秩序、交头接耳、玩手机 → 执行小处罚

公平公正，说到做到 💪

🎁 奖励抽奖

表现好就来抽！

🎰

⚡ 惩罚抽奖

违纪了就要抽！

😈

🐍

代码实验室

运行真实 Python 代码 ✅ 服务器就绪

📝 输入代码

📤 运行结果

点击 ▶️ 运行代码查看结果...

🐦 做一个小游戏