带领中小学老师制作 AI 交互课件之第2课:先写脚本,再让 WorkBuddy 做动画

上一课，我们做出了“太阳升起”动画。它能播放，也能点击控制，但要把动画真正用到课堂上，还需要解决一个更重要的问题：学生通过这次操作，究竟要学会什么？

一段画面会动，不等于一份交互课件。交互动画至少要让学生完成一次观察、判断、操作或尝试，并能看到相应的结果。

本节课暂时不追求复杂效果，先学会把一个知识点整理成清楚的动画脚本。

一、本课任务

本节课完成两项内容：

1. 1. 学会用五个要素描述交互动画；
2. 2. 使用 WorkBuddy 生成一份可以直接用于后续制作的动画脚本。

最终文件保存为：

交互动画脚本.md

二、什么是交互动画

先比较下面两种设计。

设计一：自动播放

打开页面后，太阳自动从地平线升起。学生只需要观看。

设计二：学生参与

页面先显示夜晚。学生点击“太阳升起”，观察太阳的位置和天空颜色的变化；动画结束后，再回答观察问题。

第二种设计多了学生操作和结果反馈，更适合课堂教学。

判断一个作品是不是交互动画，可以问三个问题：

• • 学生需要做什么？
• • 学生操作后，画面会发生什么变化？
• • 学生能从变化中发现什么？

如果这三个问题说不清楚，通常还不能直接开始制作。

三、交互动画的五个要素

设计动画时，先写清楚下面五项。

这五项不是技术术语，而是一份制作清单。写得越具体，WorkBuddy 越容易做出符合课堂需要的内容。

四、从知识点到交互任务

教师平时最熟悉的是教学目标，但教学目标不能直接变成动画。例如：

让学生理解三角形内角和是180°。

这句话说明了“学什么”，却没有说明“怎么操作”。可以继续追问：

1. 1. 学生要观察什么？
2. 2. 学生要改变什么？
3. 3. 哪个结果应该保持不变？

整理后，可以得到一个交互任务：

学生拖动三角形的三个顶点，改变三角形的形状。
页面实时显示三个内角的度数及其总和。
无论三角形怎样变化，三个内角的总和始终接近180°。

这样，抽象的知识点就变成了可以操作、可以观察的学习过程。

五、填写动画脚本表

以“三角形内角和”为例，先完成一份简单脚本。

1. 基本信息

2. 画面安排

3. 交互过程

4. 反馈设计

页面不要一开始就直接给出结论。可以分两层反馈：

• • 操作反馈：拖动顶点时，角度和总和立即变化；
• • 学习反馈：点击提示后，再显示“三角形三个内角的和是180°”。

这样可以给学生留下观察和猜想的时间。

六、让 WorkBuddy 帮助整理脚本

第1步：建立课程文件夹

在课程总文件夹中新建：

WorkBuddy交互动画课程
└── Day02-动画脚本

新建 WorkBuddy 任务，把工作目录设置为 Day02-动画脚本，工作模式选择“做一做”，权限保持默认设置。

第2步：输入制作要求

把下面的内容复制到 WorkBuddy：

请帮我整理一份课堂交互动画脚本，并保存为“交互动画脚本.md”。

课题：三角形内角和
学科：数学
适用年级：四至八年级
学习目标：学生通过拖动三角形顶点，观察三个内角度数及其总和的变化，发现三角形内角和是180°。

脚本需要包含：
1. 动画名称、适用年级、学习目标、使用场景和建议时长；
2. 页面区域及每个区域显示的内容；
3. 学生操作、页面变化和教师提示；
4. 初始画面、操作过程、结果反馈和重新开始功能；
5. 课堂使用时需要提出的三个观察问题；
6. 制作时可能遇到的问题。

请使用清楚的标题和表格，语言简洁，方便教师直接修改。暂时不要制作网页，也不要生成动画代码。

这里特意写了“暂时不要制作网页”，目的是先把教学过程想清楚。脚本确认后，下一步再做动画，可以减少反复修改。

七、检查脚本是否能用

WorkBuddy 完成后，打开 交互动画脚本.md，重点检查以下内容。

1. 学习目标是否具体

不够具体：

帮助学生学习三角形。

比较具体：

学生通过拖动三角形顶点，观察三个内角和始终接近180°。

2. 学生操作是否明确

“进行互动”“自主探究”都过于宽泛。应写成“点击哪个按钮”“拖动哪个对象”或“选择哪个答案”。

3. 页面变化是否看得见

每次操作都要有可观察的结果，例如位置改变、颜色变化、数据显示、声音提示或文字反馈。

4. 反馈是否服务于学习

不要只显示“正确”“错误”。错误反馈最好说明原因，或者给出下一步观察提示。

5. 一节课能否用得完

课堂动画不必把所有知识都装进去。一个作品解决一个主要问题，通常更容易使用。

八、修改脚本的常用说法

操作步骤太多

这份脚本步骤太多。请保留最能体现“三角形内角和不变”的核心操作，把课堂演示时间控制在5分钟以内。

提示语太像说明书

请把页面提示语改成学生容易理解的课堂用语，每句话不超过20个字，不使用专业技术词语。

结论出现得太早

不要在初始画面直接显示结论。先让学生拖动三次并观察数据，点击“显示提示”后再出现结论。

想换成自己的学科

保留这份脚本的表格结构，把课题改为“________”，适用年级为“________”。先分析适合学生操作和观察的内容，再重写脚本。

九、不同学科可以怎样设计

这些只是起点。选题时优先考虑“能操作、能变化、能比较”的知识点。

十、课后练习

从自己本周要教的一节课中选一个知识点，完成下面这张表。

填写完成后，把表格交给 WorkBuddy，让它整理成一份完整的 交互动画脚本.md。不要急着生成网页，先检查脚本是否适合真实课堂。

十一、完成检查

• 能说清楚交互动画与自动播放动画的区别；
• 能写出学习目标、画面对象、触发方式、变化过程和结果反馈；
• 为一个知识点设计了明确的学生操作；
• 建立了 Day02-动画脚本 文件夹；
• 使用 WorkBuddy 生成了 交互动画脚本.md；
• 根据课堂需要修改过一次脚本；
• 脚本能够在5分钟左右完成课堂演示。

留个课后题

你最想把哪个知识点做成交互动画？请写下“学科＋年级＋知识点”，例如“七年级数学——平行线的判定”。

把你的选题发到培训群或评论区。大家提交较多、又适合课堂互动的题目，可以作为下一课的制作案例。