不用写一行代码!AI生成可交互3D动画,PPT/希沃通用(附提示词模板)

熊猫办公
几天前发布了一篇文章:

公开课评委揭秘:一节40分钟的课,AI在这7个环节“露脸”,就算真正赋能了

很多老师后台私信,如何将AI生成可交互3D动画,插入到PPT或者希沃课件中,本文帮你解决这一问题。比如:讲正方体展开图,黑板上画了擦、擦了画,学生还是懵。想展示3D立体图形,PPT里只能放几张静态图,转来转去就那几个角度。实测有个笨办法——不,聪明办法:让AI帮你生成3D动画网页,然后像插图片一样塞进PPT和希沃白板。全程不用写代码,动画还能点按钮、拖拽旋转,学生直接上手玩。

为啥不用GIF或视频?

  • 互动性:学生能点“展开”按钮,看正方体变成11种展开图之一,比被动看好太多。
  • 清晰度:矢量3D,放大多少倍都不糊。
  • 通杀:一个HTML文件,Windows、Mac、希沃、鸿合都能跑。
    下面这招,电脑小白3分钟搞定,建议先收藏跟着做。

一、让AI帮你“写”出一个3D动画网页

用DeepSeek举例。步骤:

  1. 打开DeepSeek,输入下面这段话(直接复制):

以HTML的格式输出:
一个3D正方体,每个面是不同的颜色,可以旋转。
页面下方有两个按钮:“展开”和“重置”。
每次点击“展开”,正方体随机变成11种平面展开图中的一种(动画过渡)。
点击“重置”恢复成立体正方体。
使用Three.js库实现。

小技巧:想要其他动画?把“正方体”换成“地球公转”、“细胞分裂”、“圆柱侧面展开”就行。

  1. AI十几秒后生成一段HTML代码。页面下方一般有个“下载”或“复制代码”按钮,点一下,保存为zhengfangti.html直接放U盘根目录
  2. 双击这个文件,浏览器自动打开——一个彩色的3D正方体就在那转了。点“展开”,每次出来的形状都不一样。
1
不用写一行代码!AI生成可交互3D动画,PPT/希沃通用(附提示词模板)
不用写一行代码!AI生成可交互3D动画,PPT/希沃通用(附提示词模板)

「正方体11种展开图演示动画」下载地址:https://pan.quark.cn/s/2f6dde963796

卡在这步的老师看过来

  • 打不开?文件名别用中文,改成cube.html
  • 没动画?第一次打开需要联网加载库,之后离线也能用。
  • 只复制了代码片段?一定要保存完整的.html文件。
    更省事:让AI给完整代码,全选→新建文本文档→粘贴→改后缀为.html→搞定。

二、把网页“插”进PPT里(2016及以上版本通用)

适合公开课、赛课、家长会。步骤:

  1. 打开PPT,找到要放动画的那一页。
  2. 找个触发的东西——任意形状、图片或文本框都行(建议做个漂亮按钮,写“点击展开正方体”)。
    不用写一行代码!AI生成可交互3D动画,PPT/希沃通用(附提示词模板)
  3. 右键单击这个组件 → 选“超链接”
    不用写一行代码!AI生成可交互3D动画,PPT/希沃通用(附提示词模板)
  4. 弹出窗口里选“现有文件或网页”→ 点旁边文件夹图标 → **找到U盘里的zhengfangti.html**。
  5. 确定,保存PPT。

播放效果:
F5从当前页播放 → 单击你设的按钮 → 网页在默认浏览器里打开,学生就能看3D动画了。

💡 想直接把网页嵌在PPT页面里(不跳出)?得用“Web Browser”控件,步骤稍多,想学的评论区打“控件”,下期出。

三、把网页“插”进希沃白板里(课堂互动神器)

希沃的超链接比PPT更直接——能直接关联本地文件步骤:

  1. 打开希沃白板课件,进授课模式前的编辑页面。
  2. 同样先准备一个触发对象(卡通图标或图片)。
  3. 右键单击它 → 选“更多操作”(有的版本叫“操作设置”) → 点“添加超链接”
    不用写一行代码!AI生成可交互3D动画,PPT/希沃通用(附提示词模板)
  4. “本地文件”→ 从U盘里找到zhengfangti.html
  5. 点“完成”。

授课时:
进授课模式 → 单击触发图标 → 网页立刻弹出来,学生可以直接在屏幕上旋转、点“展开”,全程触控,比PPT还顺滑。

四、一个“U盘”走天下:跨设备使用的核心心法

很多老师担心:换台电脑打不开怎么办?记住三点:

  • 永远把.html文件放U盘根目录,别塞子文件夹里(路径越简单,兼容性越好)。
  • PPT和希沃课件里只存“超链接路径”,别把网页嵌进去(否则换电脑会丢文件)。
  • 备用方案:把U盘里的文件用微信或钉钉传到手机上,万一教室电脑U口坏了,手机投屏也能救急。

这个方法曾有上百位老师后台咨询过,反馈最猛的是数学老师和科学老师——立体图形、分子结构、机械运动……只要你想展示“动起来”的原理,AI网页动画就是成本最低、效果最炸的。觉得有用的话,点个“在看”并转发到教师群,让更多老师告别枯燥的静态板书。
不用写一行代码!AI生成可交互3D动画,PPT/希沃通用(附提示词模板)

中小学各学科精美交互演示动画html展示

教师如何将生成式人工智能深度融入教学的建议与操作指南

巧用国家中小学智慧教育平台学科工具,高效备出互动课件

这8款电脑必装软件,你都使用过吗?(附下载地址)

不到90天的超短学期来了!各位家长一定要注意这几点

免费班级宠物乐园,解锁趣味班级管理(电脑端+网页版)

【实操】国家中小学智慧教育平台AI出题使用指南!

教育部喊你参评!2026年教师人工智能应用案例征集全解析(附文件及模板)

国家中小学智慧教育平台的课件怎么下载?这位老师的操作绝了!

公开课评委揭秘:一节40分钟的课,AI在这7个环节“露脸”,就算真正赋能了

🌟语文免费预习神器👉语文朗读宝

🌟英语免费预习神器👉英语朗读宝

© 版权声明

相关文章