夜雨聆风
【收藏篇】用AI生成的交互工具,在课堂应用的八种类型,一堆儿精选案例(2026.3.29版)
-
1、AIGC生成的图片转成VR，通过教室的白板或学生的平板可以进行探索——案例1-3； -
2、VR交互式探索——案例4-6； -
3、通过游戏，或者模拟实验室，探索出答案——案例7-12； -
4、飞象交互HTML网页，增强对知识的巩固复习——案例13—19； -
5、AI智能答题，如问卷星，老师实时了解学生对知识掌握情况——案例20； -
6、各学科通用模板——案例21、案例22、案例23； -
7、AR交互案例——案例24、案例25 -
8、跟真人一样和AI实时交流——案例26。
利用生成式人工智能生成的图片，然后导入VR程序，然后通过大屏或学生的平板可以进行探索
输入一个主题，自动生成该主题的火柴人风格的知识卡片。
提示词
720°全景图，这有一只站立的小猫，生成这只小猫的虚构生物的解剖图，风格类似于信息图。图片将展示生物的外部特征，旁边是它身体的一半被揭示出来的内部解剖结构。在图片的两侧会有详细的文字描述，解释该生物的生物学、能力、行为和栖息地，以及解剖结构的特定功能。整体设计应清晰、信息丰富，并具有科学插图的风格。
交互先锋（Nibiru Creator）的全景图宽高比必须支持2：1，具体数字给大家弄好了1784：874，注意宽高比要解锁
提示词
小猫慢慢走两步，里面的血液循环起来
提示词
填入提示词：
提示词
交互先锋（Nibiru Creator）有个教育版：
- 教育版
：在具备基础创作功能之上，更贴合教学场景。例如提供针对不同学科（语文、数学、英语等 ）的专属功能、本地素材和云端素材，方便教师实现交互式课件设计 ；以知识点为单元进行内容创作与连接，并通过思维导图串联知识点；还可利用数据锚点记录学生学习过程与结果，进行 AI 大数据分析，为教学优化提供数据支持 。
提示词
你是个高级信息科技老师，你是个AIGC专家。
请设计一个游戏来学习IP地址的知识。
属于信息科技课程中 “网络设备与 IP 协议” 模块的实验型知识点，旨在帮助学生理解局域网内 IP 地址的配置规则和网络通信的基础逻辑。
这个游戏以HTML格式输出。
游戏是给学生用的，请用暖色调，增加一些卡通图案，如学生用机增加一个卡通的电脑图片。游戏内容是通过实验的方式来学习IP地址。最上面一行是标题部分《我们的网络教室》，然后是游戏的目标是让学生通过实验了解IP地址的组成、规则以及网络中的一些基本概念（如默认网关、广播地址、IP冲突等）。 游戏布局参考图片，分为几个部分： 标题：我们的网络教室 核心设备：显示默认网关、教学用机、广播地址的IP 学生用机区域：显示20台学生用机的IP地址，但注意图片中有些IP地址后面有字母（可能是为了表示某种状态，但我们这里忽略字母，只保留IP） 小知识：显示一些知识点和实验记录 我们设计交互：点击任意学生用机，可以修改该学生用机的IP地址，然后根据修改的IP地址给出反馈。
游戏将包含以下核心功能：
可视化网络教室环境，
可交互的学生用机和核心设备
IP地址实验和验证
学习记录和反馈系统
提示词
你请再增加实验的交互性，如点击任意学生用机，可以出一个对话窗口，可以更改IP,如更改错误，要有提示，如把IP地址改为192.168.1.300，会出现提示超出范围，如IP地址改得跟别的学生用机地址一样，会提示“IP冲突”，如没错误，会出提示“点击确定按钮，更改成功”。
链接：https://pan.quark.cn/s/ab248ce3a299
网址：https://pan.quark.cn/s/ab248ce3a299
提示词
你请生成一个基于人教版 – 数学 – 三年级上册《曹冲称象的故事》的单文件互动教育网页程序，采用探究式学习模式，让学生通过亲手操作理解曹冲称象的原理，程序需包含以下界面元素、交互流程与功能： 基础界面元素 场景元素：岸边高处的巨型大象、岸边的 “石头堆”、水面上的船只； 信息控件：左上角的控制面板（含文字提示区域、“🗡️ 拿起刻刀” 按钮、蓝色 “🔄 重置实验” 按钮）等等。
3D鸟群，模拟中的关键变量都可以调节，包括个体行为权重、群体规模和环境参数。
提示词
请写一个 3D 模拟程序，以HTML格式输出。这个程序基于经典的 Boids的 鸟群算法， 模型构建出一整套会相互作用的群体系统，让每一只 “鸟” 都在实时计算中调整自己的行为。
程序可以扩展成交互式体验。通过手部追踪，可以直接影响鸟群的运动轨迹，群体会根据外部输入即时改变形态和流动方向。系统还加入了生成式音乐模块，声音参数与鸟群的密度、速度等数据联动，让画面和声音同步变化。
模拟中的关键变量都可以调节，包括个体行为权重、群体规模和环境参数。对研究者和设计师来说，这不仅是一个视觉效果演示，更是一种快速构建和测试沉浸式交互界面的方式。通过把算法、交互和声音整合在同一套系统里，可以更直观地探索复杂群体行为与感官反馈之间的关系。
PS：提示词为什么一定要写上：Boids 鸟群算
经典的 Boids 鸟群算法由克雷格·雷诺兹于1986年提出，是一种模拟群体行为（如鸟群、鱼群）的计算模型。该算法通过三个简单规则实现复杂自然的群体运动：
- 分离（Separation）
：个体远离邻近同伴，避免碰撞。 - 对齐（Alignment）
：个体与附近同伴的运动方向保持一致。 - 聚集（Cohesion）
：个体向邻近同伴的中心位置靠拢，维持群体结构。这三条规则共同作用，使群体展现出自组织的涌现行为，无需中央控制即可形成协调运动。Boids 算法广泛应用于影视特效、游戏开发、机器人编队和人工智能领域。近期也有研究将其与生成式AI结合，实现实时交互式群体模拟与多感官反馈系统。
参考图：
看看效果：
提示词
你是个中学高级数学老师，请写一共立方体排列的3D交互游戏，从上下左右看呈现不同平面。以HTML格式输出，面对对象是初中一年级学生。这有一共立方体整体结构如下： 这个立体模型由三层小立方体堆叠而成。 每一层的立方体数量不同，呈现出一个阶梯状或金字塔状的结构。 分层情况： 底层（第一层）：有9个小立方体，排列成一个3×3的正方形。 中间层（第二层）：有4个小立方体，排列成一个2×2的正方形，位于底层的正上方。 顶层（第三层）：有1个小立方体，位于中间层的正上方。 视角效果： 从正面看：可以看到一个**“L”形或阶梯形**的轮廓。 从侧面看：也是一个阶梯形的轮廓。 从顶部看：可以看到一个正方形的轮廓，大小与底层一致。 从底部看：只能看到底层的3×3正方形。
提示词
你需要制作一个二进制像素画板的小游戏，这是个双向互动版。请以HTML格式输出。具体内容是如下：第一行是标题“二进制像素画板（双向互动版）。第二行是说明写着：双向互动:”你既可以修改右侧的二进制代码来改变图形，也可以直接用鼠标在左侧面板上点击，代码会之更新!“然后左侧是个大正方形，里面由六十四个白色小方格构成，每点里面的一个小方格就能变黑色填充满这个小方格。大正方行右面，有文字说明，如大正方形最上面一行右边写写”第一行：“。在每一横行边有文本填充框，填充框里有8个”0或1“构成的数字数字，具体是0还是1可以手动改写，这八个数字有规律，从左到右分别对应左侧大正方行同行的小正方形颜色，如果是0就是白色小正方形，如果是1是就是黑色小正方形。改数字，左侧的同行正风险颜色就会随之改变对应的颜色，注意：同理如果手动改左侧的小正方形颜色，右侧同行对应数字也发生改变，是双向对应的。在大正方形最下面一行有个”清零“按钮，点这个按钮，小正方形全部变白色，右侧对应文本框的数字全部变成0.
提示词
把上面的游戏再完善一下，修改右边文本框里的数字，左侧对应的同行小正方形颜色也会随之改变，再加个试用说明。
提示词
把请把程序再做美观些，这个主要针对小学生低年级学生使用，让他们或她们喜欢，如暖色调，颜色好看些，在清零按钮边上边再增加几个按钮，例如按钮写着“心形”点这个按钮，黑色小正方形就会变成心形，例如“笑脸”，按钮可以让黑色小正方行构成个笑脸形状，例如“小房子”按钮，可以让黑色小正方行构成个小木屋形状。
-
可爱的粉红色主题：
-
使用了温暖的粉红色调，更适合小朋友
-
圆角设计和柔和的阴影效果
-
像素格子有悬停动画效果
-
趣味图案按钮：
-
❤️ 爱心按钮：画一个可爱的爱心
-
😊 笑脸按钮：画一个开心的笑脸
-
🏠 小房子按钮：画一个童话风格的小房子
-
🐶 小狗按钮：画一只简单的小狗
-
🌳 小树按钮：画一棵绿色的小树
-
儿童友好的交互：
-
点击格子时有弹性动画
-
按钮有按压效果
-
清空画板前会有确认提示
-
使用emoji图标增加趣味性
-
简单明了的说明：
-
用小朋友能理解的语言编写说明
-
添加了可爱的图标和装饰
提示词
用HTML写一个物理模拟实验：主要用途是通过线条来展示凸透镜成像规律，此外还可以实现与考试题相关的模拟实验：
1.插入远视眼镜或近视眼镜时，光屏的移动。
2.模拟水透镜时注水或抽水时，焦距与成像的变化。
+ 一个案例：
以下是一个基于白板5仿真实验设计的虚拟物理实验室微课案例，仿照用户提供的生物案例格式，结合搜索结果中的相关教学设计元素：
虚拟物理实验室微课案例：欧姆定律探究实验
实验主题探究导体两端电压与电流的关系
【实验设计】
-
参数设置
-
实时显示电路中的电流表、电压表数值变化；
-
动态电子流动动画（模拟电子在导体中的定向移动）；
-
自动生成电压-电流（U-I）关系曲线图75。
-
梯度变量：将电源电压设为0V、2V、4V、6V、8V、10V的梯度变量。
-
可视化组件：
-
实验操作流程
-
步骤1：搭建虚拟电路选择固定电阻（如5Ω）、滑动变阻器、电源、开关，连接电流表与电压表。
-
步骤2：调节电压梯度通过滑动变阻器逐步调节电压至目标值，记录每组电压对应的电流值7。
-
步骤3：数据动态分析系统自动绘制U-I图像，标注斜率（即电阻值），验证欧姆定律的线性关系4。
【关键操作片段录制】
-
对比镜头1：
-
展示电压从0V增至10V时，电流表指针摆动幅度逐渐增大，电子流动动画速度同步加快9。
-
对比镜头2：
-
动态叠加不同电压下的U-I曲线，突出斜率一致性（电阻恒定），强化“导体电阻与电压、电流无关”的结论47。
【教学互动设计】
-
问题链引导
-
基础层：为何电流随电压升高而增大？
-
进阶层：若更换不同阻值的导体，U-I曲线会如何变化？
-
拓展层：实际电路中，滑动变阻器的作用是什么？48
-
虚拟实验任务
-
任务1：学生自主调节电压，完成3组数据采集并提交截图；
-
任务2：通过修改电阻值（如10Ω），观察曲线斜率变化，分析实验误差来源510。
【技术实现参考】
-
仿真工具：
-
使用白板5的电路元件库搭建实验场景，集成动态数据采集与图像生成功能510。
-
交互设计：
-
设置“错误操作反馈”（如短路时触发警报动画），增强实验安全性认知9。
【微课结构】
|
|
|
|
|---|---|---|
| 片头 |
|
|
| 正文 |
|
|
| 结尾 |
|
|
【设计依据】
-
参考“三重表征”理论，将宏观数据（电流表读数）、微观过程（电子流动）与符号表达（U-I公式）结合4。
-
采用ADDIE模型设计微课流程，从分析实验目标到评估学生任务完成度，形成闭环810。
此案例通过虚拟仿真技术复现经典物理实验，结合梯度变量控制与动态可视化，适合中学物理教学使用。完整实验资源可参考网页4、5、7中的虚拟实验开发框架
这里还有一个案例成果：
《电路设计》微课中，AI实验室允许学生任意拆装虚拟元器件，短路时会弹出”爆炸特效+原理讲解”组合动画。
第四个：飞象交互HTML网页，增强对知识的巩固复习
案例12——案例18：飞象
提示词
请帮我生成一个适合小学生的，题目为“My New Friend”的写作闯关游戏通过关卡设置，引导学生逐步掌握写作技能。
AI智能答题，如问卷星，老师实时了解学生对知识掌握情况。
提示词
请帮我罗列北师大版数学八年级上册甸股定理中，学生学习难点。
基于精准的学情数据，教师可以利用AI工具设计更具针对性的教学方案，包括课前预习任务、诊断性前测和分层学习目标。
看我用DeepSeek生成分层学习目标：
提示词
你是个中小学高级教师，请输出分层学习目标。按照下面格式输出：/generate_teaching_objectives 科目=初中数学 章节=二次函数 学生水平=[基础组:15人, 提高组:20人, 拔尖组:10人]
AI很快就生成了：个性化预习任务，基于学情数据，为不同学生推送定制化预习内容。例如，对于二次函数理解较弱的学生，主要推送基础概念讲解视频和简单例题；对于掌握较好的学生，推送综合应用题和拓展知识。
详情如下面斜体字就是AI生成的：
【基础组 (15人) 学习目标】
-
知识与技能
-
能准确说出二次函数的概念，能判断一个函数是否为二次函数，并能指出其二次项、一次项系数和常数项。
-
会用描点法画出最简单的二次函数 y = ax² 和 y = ax² + k 的图像，能说出抛物线、对称轴、顶点坐标等基本概念。
-
能够根据二次函数的表达式，初步判断抛物线的开口方向。
-
会利用待定系数法求简单的二次函数解析式（已知三点或顶点与另一点）。
-
过程与方法
-
通过从实际情境中抽象出二次函数模型的过程，体会建模思想。
-
通过观察和绘制图像，初步感受数形结合的思想方法。
-
情感态度与价值观
-
在解决简单的实际问题中，感受数学的应用价值，增强学习信心。
-
评价方式
-
课堂提问与观察
-
基础练习题单（以模仿性、单一性题目为主）
-
简单的实际应用题（如：求最大高度、最大面积等基础模型）
【提高组 (20人) 学习目标】
-
知识与技能
-
熟练掌握二次函数的一般式、顶点式和交点式，并能根据已知条件灵活选用适当形式求函数解析式。
-
能够熟练地对一般式 y = ax² + bx + c 通过配方化为顶点式，并能准确、快速地求出其开口方向、对称轴、顶点坐标、最值。
-
能利用二次函数图像求一元二次方程的近似解，理解二次函数与一元二次方程的联系。
-
能够分析和解决较为复杂的实际问题（如：利润最大、用料最省等问题），并验证结果的合理性。
-
过程与方法
-
经历从不同形式的解析式到图像特征的探索过程，提升分析、归纳和概括能力。
-
强化数形结合思想的应用，能根据函数解析式推断图像特征，或根据图像特征确定解析式中参数的大致范围。
-
情感态度与价值观
-
在解决综合性问题的过程中，培养克服困难的毅力和严谨求实的科学态度。
-
评价方式
-
综合性练习与单元测验
-
实际问题建模与解决（书面报告或小组讨论）
-
探究性任务（如：探究系数 a, b, c 对图像的影响）
【拔尖组 (10人) 学习目标】
-
知识与技能
-
能深刻理解二次函数各种形式之间的内在联系与转换，并能在复杂情境中灵活运用。
-
能综合运用二次函数知识解决具有挑战性的动态几何问题、函数综合题（如：与一次函数、反比例函数结合）。
-
能探究含参数的二次函数图像的性质（如图像过定点、对称轴变化等）。
-
能初步运用二次函数的知识解决简单的开放性或探索性问题。
-
过程与方法
-
注重知识体系的构建和迁移，尝试用多种方法解决同一问题，并进行方法优劣的比较。
-
强化分类讨论、转化与化归等高阶数学思维方法的训练。
-
情感态度与价值观
-
在挑战难题和进行数学探究的过程中，激发数学学习兴趣和创新精神，体验数学的内在美。
-
评价方式
-
挑战性试题解答（中考压轴题、竞赛入门题）
-
小课题研究或数学小论文（如：“二次函数在生活中的高级应用”、“系数 a, b, c 对图像影响的全面探究”）
-
一题多解、变式训练的报告与讲解
再例如：小学语文老师在教授《自相矛盾》一课前，使用DeepSeek生成了差异化预习任务：
对于学习能力较弱的学生：观看成语故事动画视频，理解“自相矛盾”的基本含义；
对于中等水平的学生：阅读原文并完成表格填空，梳理故事逻辑；
对于能力较强的学生：分析现实生活中的自相矛盾现象，并写一段分析文字。
通过这种分层设计，每个学生都能在适合自己水平的起点上开始学习。
提示词
参考给的视频，生成介绍一带一路的交互式网页，以HTML格式输出，单文件。受众是初中学生。
参考视频：（
一位中国学生使用 Vibe 编码开发了一款有趣的应用程序，该程序将大英博物馆中来自世界各地 99 个国家的近 5000 件文物可视化。
应用显示：
• 当这些文物到达时
• 他们来自哪个国家
• 如果所有文物都归还到其原产国，其分布情况会是怎样的。
）
网址：https://pan.quark.cn/s/3ef296eddb99
出题，可以升降难易度。
提示词
制作一个“阶梯题库”，上传一个题目，AI瞬间把这道题拆解成阶梯模式，觉得原题难，就就降难度，生成台阶题，每道题都有知识点和解题思路。以HTML格式输出。
这个”阶梯题库”应用完全还原了视频中的功能：
核心功能：
三种模式切换：
🟢 降难度·台阶题：将难题拆解成由浅入深的阶梯（绿色主题）
🔴 升难度·挑战版：将简单题升级为竞赛难度（红色主题）
🟣 题目改编·变式：生成数值变换、条件变换、情境变换、逆向变换等多种变式（紫色主题）
智能输入：支持文本输入和图片上传，带字符计数
学科选择：数学、物理、化学、英语、语文、生物等标签切换
AI生成结果：
知识点分析（黄色高亮区域）
分阶梯展示题目（带难度星级）
每道题包含：提示💡和知识点📚
不同难度用不同颜色标识（绿→蓝→黄→红→紫）
实用操作：复制全部内容、重新生成
设计亮点：
玻璃拟态UI设计，现代感强
流畅的动画过渡（淡入、悬浮、加载）
完全响应式，支持移动端
渐变色按钮和标签，视觉层次分明
模拟真实的AI思考加载动画
AR在线制作平台 | Kivicube-零基础自制，免费实现AR创作与开发
网址： https://cloud.kivicube.com
5分钟就可以完成AR制作。
里面有大量模板，也可以自己做。
如果选择现成的模板，添加我的项目，选择素材上传，调整识别图位置大小方向，保存。
案例24——认识小猫的生理结构：
1、点击右上角“新建场景”，再点“新建图像AR”，
然后创建场景，可以给场景名称，上传图片，最后点“立即创作”
然后上传模型，可以自己做，这里咱们找一个现成的”免费模型导入“
艘了一个”cat“，找了一个可商用和点赞多的，
网页端：
https://www.kivicube.com/scenes/72VnfV8T4dY6PAaO55D8ycX9rsO3d2pW
推荐小程序端：
https://www.kivicube.com/scenes/72VnfV8T4dY6PAaO55D8ycX9rsO3d2pW
使用方法：用微信扫描上面二维码，然后打开小程序后扫下面这张图就行了
你可以把这张图放到电脑桌面上，用手机扫；你也可以把这张图传到另一个手机里，用手机扫；你也可以直接打印（彩色），用手机扫。
看看效果：
第八个：文小言——可以进行对口型通话，课堂实时答疑
案例26：
详细步骤：
我用夸克网盘分享了「12099._学生心理健康教育指导丛书：学生常见心理障碍及调节.docx」，
链接：https://pan.quark.cn/s/7701fb8ab091
分享文小言的宝藏智能体【中学心理老师】给你，点击链接开启对话：https://mr.baidu.com/r/1Gh0apZSeCk?uk=FuVdax42wOE9JtSzR6VdVQ&characterId=1982965&from=newapp
