课堂上,那些抽象的公式、复杂的概念、遥远的历史事件,是不是常常让学生们感到枯燥难懂?
别担心,今天这堂课,我将带你解锁一个“黑科技”——借助 DeepSeek 等 AI 工具,轻松实现各学科知识点的动态化、可视化演示!

想象一下,无论是物理公式、数学函数、化学反应,还是历史变迁,那些曾经让学生头疼的内容,都能摇身一变成为生动有趣的交互动画,抽象概念瞬间变得直观易懂。

科技感十足的课堂,分分钟就能打造出来!是不是很期待?一起来学习吧!
🚀 紧跟时代,AI 赋能教育新趋势
就在前几天,教育部基础教育教学指导委员会正式发布了《中小学人工智能通识教育指南(2025 年版)》和《中小学生成式人工智能使用指南(2025 年版)》。
其中,《生成式人工智能使用指南》特别提到:“(二)辅助教师教学:教师可利用生成式人工智能辅助生成教学设计和课件等资源;按照教师特定需求自动生成互动式教学课件,涵盖文本、图片、音视频等多类型材料。”
这无疑为我们一线教师给予了政策支持和应用方向!
下面就给大家讲讲如何利用如何借助 DeepSeek 等 AI 工具实现教学内容的动态化演示
💡 灵感闪现:AI 让静态图表““活””起来
在 2024 年 10 月,国外一篇论文演示效果如下,将教科书静态图表生成交互式物理模拟的 AI 技术。

虽然截至 2025 年 5 月,这项技术尚未公开发布,但我们不必等待! 因为,我们手边已经有了像 DeepSeek 这样的“国产神器”!
AI 大模型的超凡能力 + 各位老师的专业智慧 = 形象生动的教具!
看看我用DeepSeek做的欧姆定律动画视频
是不是很惊艳?今天,我就手把手教你如何制作出这样带解说的动画!
一、实现原理
利用 DeepSeek、通义千问、kimi 等 AI 大模型的前端代码执行能力,生成各种图表、动画。让代码在 HTML 中运行,输出格式包括:动画,SVG,meimaid,卡片、小游戏等。

最牛的是什么?你改可以通过鼠标点击、拖拽等方式,实时修改参数,与动画进行深度交互! 比如,在物理公式动画中,你可以尝试提高或降低摩擦力;在数学函数演示中,可以调整参数观察图像变化;在化学反应模拟中,可以改变反应物浓度等等,从而更深刻地理解知识背后的规律。
案例:物理公式
提示语:生成一个可视化演示高中物理知识的html页面

随着 DeepSeek 能力的不断提升,几乎所有学科的抽象概念、公式、过程都可以用 AI 动态演示,所有抽象的文字描述也都能转化为生动直观的图形和动画!
二、AI 实现动态化演示的““神兵利器””
要打造一个包含动画、解说词、音频和字幕的完整教学短视频,你需要以下几款得力工具:
1、主力:AI 大模型
-
DeepSeek: www.deepseek.com (主力推荐,稳定高效!) -
问小白: wenxiaobai.com (可以作为 DeepSeek 的备用,但在线预览可能需要将代码保存到本地 HTML 文件再运行) -
通义千问: chat.qwen.ai (也是不错的选择)
清风提示: 经过反复测试,DeepSeek 在生成动画的稳定性和效果上表现更为出色。
2、动画保存:动图录制
-
LICEcap: 一款小巧的单机版 GIF 录制软件。DeepSeek 生成的动画很棒,但有时我们需要把它存为动图。这时,LICEcap 就派上用场了。
后台回复”动画” 取得 LICEcap下载链接
3. 内容辅助:文字转语音
-
AI 大模型(如 DeepSeek/ChatGPT 等): 帮你撰写或润色动画的配音逐字稿。 -
海螺 AI: hailuoai.com/audio (或其他你习惯的 TTS 工具) 将逐字稿轻松转换为自然流畅的语音,用于讲解。
4. 整合输出:剪辑合成
-
剪映(桌面版/移动版): www.capcut.cn (功能强大,上手简单) -
腾讯智影(在线): zenvideo.qq.com (云端操作,方便快捷)
将录制好的动画、AI 生成的音频解说、字幕等素材整合到一起,剪辑出最终的教学视频。
看看这个效果
三、提示词万能公式
为了让大家更快上手,我总结了一个简单实用的提示词“万能公式”:

红色部分: 根据你的具体需求填写,比如教学对象、学科知识点(物理公式、化学方程式、数学函数、历史事件节点等)、具体内容等。
蓝色部分: 建议保留,这些是确保 AI 理解你想要生成可交互 HTML 动画的关键指令。
核心要点: 提示词中务必包含 “用 HTML 语言”(或 HTML, CSS, JavaScript)、“一个完整的 HTML 文件里” 以及 “动画” 或 “交互式动画” 等关键词。
四、具体操作
下面,我们就以大家耳熟能详的物理学“欧姆定律”为例,一步步演示如何制作动态演示动画。
请记住,这个方法和思路同样适用于数学、化学、历史、生物等其他任何你希望动态呈现的学科内容!
1、登录 DeepSeek
比如,我要生成一个反应我们用欧姆定律来做演示的动画
打开 deepseek.com

写公式,不启用“深度思考”(R1); 根据情况决定是否启用“联网搜索
2、输入提示词、生成动画:
“提示语:我想给[小学生]讲授[物理知识],用 html 语言 编写一段[欧姆定律]的动画”
输入提示词,等代码写完了后,点击右上角的“运行”

如果程序比较长,可能会等半分钟
如果未达预期效果,可以给 DS 说不满意的地方,让它重新生成代码
看看这个动画
3、录制动画
双击 LICEcap 图标

拖动边框,框住要录制的画面,然后点记录制
4、生成解说脚本
如果只是在课堂展示屏展示,第3步得到的动画已经可以了
你还可以做成带解说的动画
DS 会在动画下面生成动画说明
我们就利用这个说明,做成动画讲解口播
复制下面的文字到 DS

输入提示:我要做一段给小学生看的动画配解说,原材料如下 XXX,生成解说词
AI 就会给你一段文字
5、生成口播音频
来到海螺 https://www.minimaxi.com/audio

6、剪映合成
将动图、录音拖入剪映,集成导出视频

正如我们反复强调的,AI 动态演示的魅力远不止于物理!
看看这些涵盖数学、物理、化学、生物、历史、地理、甚至语文(如古诗词意境可视化)等多学科的应用灵感:
物理知识
提示语:我想给[大学生]讲授[爱因斯坦质能方程],用 html 语言编写一段的动画

游戏制作
提示词:做一个坦克大战的游戏,包含在一个完整的HTML里面
生活常识
提示语:生成成都最近七天的天气卡片,以html代码格式输出,给一个最酷的风格

化学反应:
提示词:我想给⾼⼀学⽣讲授化学知识,做一个反应水遇到 钠化学反应的动画,包含在一个完整的HTML里

历史知识:
提示词:我想给⾼⼀学⽣讲授历代农民起义,包含在一个完整的HTML里

自然课
提示语:生成一个卡片,展示受精卵发育,显示在一个完整的HTML中

做 PPT
提示语:生成一个对AI小白介绍生成式人工智能核心原理的PPT,包含在一个完整的html中

数据分析提示语:模拟一个优衣库全国各大城市的2024年月度销售数据,做可视化分析。包含在一个完整的HTML中
怎么样,是不是感觉打开了新世界的大门?在 DeepSeek 等 AI 工具的强大助力下,我们每一位老师都能轻松制作出专业、生动、形象的跨学科教学动画,让知识“活”起来,让课堂“亮”起来!
暂无评论内容