案例包
案例覆盖范围
- 语文：古诗词、阅读理解、作文批注
- 数学：函数图像、立体几何、3D 观察
- 英语：单词闯关、语法诊断、角色对话
- 物理：运动实验、数据图表、光学 / 电学仿真
- 化学：分子结构、方程配平、滴定模拟
- 跨学科：动作捕捉、班级 Boss 战、游戏化综合课件
案例总表
| 学科 | 案例 | 技术 | 说明 |
|---|---|---|---|
| 语文 | 案例 1 语文古诗词闯关课件 | HTML/CSS/JS / 音频播放 / 节奏倒计时 / 互动选择题 | 把古诗词教学做成朗读、意象、选择题和背诵节奏联动的网页课件。 |
| 语文 | 案例 2 语文阅读理解与作文批注台 | 文本高亮 / 批注 UI / 写作提示卡 / 课堂讨论区 | 通过重点段落高亮、批注区和作文灵感卡，把阅读和表达连成一个课件。 |
| 数学 | 案例 3 数学函数图像实验室 | Canvas / SVG / 滑杆控件 / 图像可视化 / 教师提问区 | 利用参数滑杆和图像联动，把函数变化变成可操作实验。 |
| 数学 | 案例 4 数学立体几何与剖切观察课件 | Three.js / 预设视角 / 标签说明 / 剖切演示 | 让几何体可旋转、可剖切、可切换视角，适合立体几何课堂。 |
| 英语 | 案例 5 英语单词闯关与情景对话课件 | 音频 / 拼写输入 / 积分系统 / 角色对话 | 围绕听、说、拼和积分反馈，建立完整的英语课堂互动体验。 |
| 英语 | 案例 6 英语语法诊断竞技场 | 即时反馈 / 选择题引擎 / 排行榜 / 课堂讲评区 | 通过即时判断、解释和排行榜，让语法练习更有参与感。 |
| 物理 | 案例 7 物理运动与实验数据课件 | Canvas 动画 / 图表组件 / 参数控制 / 课堂追问页 | 把轨迹、速度和实验数据图表联动起来，让运动学更直观。 |
| 物理 | 案例 8 物理光学 / 电学交互仿真板 | SVG 示意图 / 按钮切换 / 步骤说明 / 实验装置页面 | 通过状态切换和示意图，让光路和电路的关系真正被看见。 |
| 化学 | 案例 9 化学分子结构与 3D 反应装置课件 | Three.js / 标签系统 / 结构拆解 / 教师说明区 | 把分子结构和实验装置立体化，适合理解空间关系和装置组成。 |
| 化学 | 案例 10 化学方程配平挑战与滴定模拟 | 互动练习 / 实验步骤模拟 / 即时反馈 / 安全提示 | 将配平练习与实验步骤模拟结合成富有节奏感的课件。 |
| 跨学科 | 案例 11 摄像头动作捕捉与隔空交互课件 | MediaPipe / Web Camera / 触发反馈 / 课堂动作设计 | 利用 MediaPipe 做手势翻页、举手答题和动作触发，适合公开课与互动展示。 |
| 跨学科 | 案例 12 游戏化综合课件：班级 Boss 战与学科闯关 | 关卡结构 / 积分系统 / 任务卡 / 多学科题库 | 将语数外理化内容包装成班级闯关与 boss 战，适合公开课和复习课。 |