还记得从前课件里灵动的swf交互动画吗？2020年Flash技术正式落幕，系统与 Office 全面取消适配，那些承载课堂演示的动画，一夜之间全部无法播放。我就遇到了一个，ppt制作水平有限，听说大白话就能跑程序？那么能否借助当下的大模型，让动画过程“重生”呢？
初尝试
当时刚从群里学到“一图胜万言”，就将课件中的这幅图结合林老师分享的提示词向“在问”提出交互需求：1.制作一个极简全屏 svg 互动单网页html，能够动态演示图片中图1图2图3绕各自中心点旋转的过程；2.每点击一次红点图形就能顺时针旋转90°并留下痕迹；3.每个图都需要顺时针分别旋转90°，180°和270°并留痕；4.最后看哪个图旋转3次后能形成左边这个完整的图形。
初次调用Gemini-3.1pro生成的图形绘制不准确。我立刻请教林老师，林老师指出可能是背景线条太多，干扰模型识别，建议单独截取图1，再调用gemini3.5去生成，可结果仍不尽人意。
迭代
（死脑子快转）后灵光一现：既然杂乱线条是阻碍，不如用希沃白板重新绘制图形。本次演示的核心本就是对比旋转中心变更带来的不同结果，脱离方格图亦无妨。
重新对话并迭代了四次终于得到满意的交互页面。图1尝试成功后，我把另外两种情况都画出来后一并截图请大模型调试。有前面的优化铺垫，这次一次呵成。
点击查看交互演示页面
AI 技术飞速迭代，正在悄悄改变备课方式。从前需要专业 Flash 功底才能制作的交互动画，如今普通老师也能依靠大模型快速重构。
