教师新技能Get√!DeepSeek制作交互动画,枯燥公式秒变吸睛教具!(多学科适用)

课堂上,那些抽象的公式、复杂的概念、遥远的历史事件,是不是常常让学生们感到枯燥难懂?

别担心,今天这堂课,我将带你解锁一个“黑科技”——借助 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 工具的强大助力下,我们每一位老师都能轻松制作出专业、生动、形象的跨学科教学动画,让知识“活”起来,让课堂“亮”起来!

© 版权声明
THE END
喜欢就支持一下吧
点赞8 分享
评论 抢沙发

    暂无评论内容