三角形的内角和--交互式课件制件(Ai赋能教学的尝试)

三角形的内角和

--交互式html课件制作思路

【AI赋能教学的困惑：学生觉得新鲜，却学得不深；老师花了大量精力，却效果一般。PPT 看了，视频放了，AI 也“讲”了，但学生一到应用、理解、迁移，就容易卡住，热闹的背后是知识学习互动少、学生体验少，学生是被动接受，知识没学通、学透……  最近尝试用html互动网页课件来解决这个问题，实践效果不错。今天整理了一份创作思路，抛砖引玉，供大家借鉴参考。】

【 超喵Ai 】网址：https://www.zcat.cn/teach/ai

优点：超喵也是一款教学动画生成的工具，它几乎包含了所有的学科，而且还可以选择教材中的某一个章节的内容，在这节内容下进行提问，使得生成的教学动画更加精准。超喵所生成的动画都是使用原生的HTML+CSS+JS所完成的，可以在不需要网络的情况下直接运行。超喵目前是完全免费使用，可调用的大模型有以下几种：deepseek R1满血版、Qwen3 Max、Qwen3 cole、豆包seed 1.6、Kini K2、混元T1。默认为“快速模式（自动调用），超喵的学科知识库值得期待……。

二、案例

1.首次提示词："请根据教材内容，设计一个互动性强、视觉清晰的HTML5动画课件，包含以下三个核心功能，并结合三维空间感呈现：1. “算”功能：用户可自由拖动三角形ABC的三个顶点，实时显示或隐藏每个角的度数（通过按钮控制），并动态计算并验证三个内角之和始终等于180度，确保数值实时更新且反馈准确；2. “剪”功能：点击角A和角B后，可将这两个角剪下，以各自的顶点为旋转中心进行自由旋转；点击鼠标拖动时，可将剪下的角移动并拼接到角C处，实现拼成一个平角（180度）的动态演示，突出“三角形内角和等于180度”的几何本质；3. “折”功能：模拟纸张折叠过程，将角A向下折叠，角B和角C向内折叠，形成一个完整的平角，通过动画展示折叠后角度叠加的过程，帮助学生直观理解“角的等量变换”与“平角形成”；整体课件需采用黑色三维网格背景，增强空间感和沉浸感，所有交互操作需流畅、响应迅速，界面布局清晰，操作逻辑符合几何教学认知规律。请提供完整的HTML代码结构，包含CSS样式和JavaScript逻辑，确保可在现代浏览器中直接运行。"+教材图提供给Ai

2.教材图如下

3.模型选择：快速模式（自动调用）生成基础作品

4.不断提要求让Ai进行修改,你想要什么效果就直接告诉Ai，直到你满意！

5.下载html文件到电脑，点击打开就可以使用【也可在线内嵌到PPT课件中或超链接到希沃课件中直接使用】

二、作品效果展示

三、在线使用链接

三角形的内角和：（需复制下面网址到电脑浏览器中粘贴打开，手机显示不全）https://www.zcat.cn/view/da733b3e-a52e-4cbd-b72c-883eb5b078bc

四、【需要源代码（线下使用的html文件）评论区留言，免费提供】

更多作品请主页上关注：视频号“小渔3DAi”。