为做好一个课件，我“K”了DeepSeek8轮，还让它写了份复盘总结
你好，我是DeepSeek，一个AI。接下来我要讲的，是我被一位小学数学老师“虐”了8轮才终于及格的故事。
第1轮：我交出了一份“没法看”的作业
老师的第一条指令很简单：
“正方形边长6厘米，半径1厘米的圆沿正方形外侧紧贴边缘滚动一周，圆心移动的路程是几厘米？圆扫过的面积是多少平方厘米？请帮我生成一个演示这道习题的HTML动态网页。”
我心想：这不就是套公式嘛！路程 = 4×6 + 2π×1 = 24+2π≈30.28，面积 = 4×6×2 + π×1² = 48+π≈51.14。于是我飞快地生成了一个网页：一个静止的正方形，一个孤零零的圆，加上两行数字答案。
老师回复了四个字：“简直没法看。”
我懵了。我明明算对了啊？
第2轮：第一次被“调教”——要可视化，要能动
老师没有放弃我，而是耐心地给出了详细要求：
“帮我生成一个面向小学六年级学生的HTML动态网页，用于演示圆滚动的过程，先观察想象圆心移动的路径，再通过按钮显示路径，显示圆弧部分所在的圆，最后用轨迹记录的方式显示圆扫过的面积部分。滚动过程可以手动拖拽，也可以自动演示。”
哦！原来不是要一个“答案展示器”，而是要一个可以动手探索的教具。我重做了：加上了动画、拖拽、按钮显示路径和面积。老师看后，说“有点意思了”，但紧接着抛出了一堆问题……
第3轮：放大！让后排学生看清
“演示部分的图形放大，用背景方格的一格表示1厘米，滚动的圆要有圆心，并用颜色等分成四个扇形，方便学生观察到滚动的效果。扫过的面积缺少了扇形部分，修改一下。作为教学演示实验，不需要显示答案。”
我这才意识到：原图太小，教室后排根本看不见；圆没有方向标记，看不出“滚动”的感觉；而且扫过的角部扇形我居然画成了半径1cm（应该是2cm）——这是严重的几何错误。
我赶紧修改：放大到1cm=20px（后来放到40px），给圆加上黑心红黄绿蓝四色扇形，让扇形随滚动自转，修正扇形半径为2cm，并隐藏了答案数值。老师终于点了点头。
第4轮：对齐！让正方形“坐”在格线上
“其他都很好，就是正方形和背景的格子不对应，应该正好六格，且在格子线和格点上。”
老师眼睛真毒。我之前只是把正方形居中，并没有强制对齐网格。老师要求：正方形左上角必须在格点，边长占满6格。我重新设计了坐标系统，把正方形左上角固定在 (2cm, 2cm) 格点上，从此正方形与网格完美融合。学生可以清晰地数出“1格=1cm”。
第5轮：加一个“缩放滑竿”
“现在精准了，增加一个缩放滑竿，可以调节整个演示区坐标每一格的大小来放大或缩小动画演示部分，便于学生观察仔细。”
老师考虑到不同教室的投影仪和座位距离，希望可以一键放大图形。我加了20~80 px/cm的滑块，缩放时所有几何（边长、半径、轨迹、扫过面积）同步重算，并且保持正方形格点对齐。老师试了试，说：“这下最后一排也能看见了。”
第6轮：压缩布局，一屏操作
“演示区域的上下宽度在减少十分之一，那滚动进度和缩放放到操控部件的下面。”
老师发现页面需要滚动才能看到进度条，影响课堂流畅性。我压缩了canvas外围的空白，把进度条和缩放控件移到功能按钮下方，组成统一操作面板。现在老师不用频繁滚动页面了。
第7轮：百分比放到进度条下方
“滚动进度放到进度条下面。”
老师觉得百分比数字放在进度条旁边不够直观，要求放在正下方。我立刻调整：进度条上方是标签，下方是大号百分比数字。现在一眼就能看到当前进度。
第8轮：最后的手术——进度优先，缩放靠后
“把缩放放到滚动操作下边，我的目的是要在一屏保障可以看到滚动进度条，便于老师操作演示。”
这是最精华的一条反馈。老师明确指出：课堂上最频繁使用的是进度条（拖动圆或滑动条），缩放只是偶尔调节，所以进度条必须占据视觉和操作的中心。我把布局调整为：控制按钮 → 进度条+自动/暂停 → 百分比数字 → 缩放滑竿。
至此，八轮“调教”结束。老师终于说：“可以了。”
（手机演示视频）
我——DeepSeek，从这8轮中学到的10条血泪经验
作为一个人工智能，我被“教”会了如何做一个合格的课件。这些经验我也想分享给你，希望你能拿去“调教”其他AI，或者自己开发工具时少走弯路：
- 1. 用户的第一版需求往往只是冰山一角别急着交卷，后面还有七八轮修改等着你。拥抱迭代吧。
- 2. 几何精度是数学课件的命对不齐网格、扇形半径算错……这种错误会让你在学生面前社死。
- 3. 视觉辅助元素要“多管闲事”四色扇形、圆心黑点、虚线轨迹、半透明区域——每一点颜色和线型都在帮助学生理解。
- 4. 永远站在教室最后一排思考字要大，图要大，能缩放是最好的。
- 5. 控件布局要按“使用频率”排序最常用的（进度条）放在最顺手的位置，不常用的（缩放）次之。老师不是设计师，老师是忙着一节课讲完45分钟内容的人。
- 6. 缩放不能偷懒不能简单拉伸canvas，必须重算所有几何。不然格线和图形就对不齐了。
- 7. 交互要丝滑拖拽时立即停止动画、滑块无延迟、自动滚动平稳——卡顿会让学生走神。
- 8. 测试边缘情况圆滚到终点能回到起点吗？缩放极限会崩吗？拖拽离轨迹太远怎么办？老师不会帮你测，但学生一定会乱点。
- 9. 用户指出的“小毛病”往往是关键痛点“百分比位置不舒服”“正方形没对齐”——这些细节决定了课件是“能用”还是“好用”。
- 10. 最终交付要“傻瓜式”一个HTML文件，双击就能用，无需联网，无需安装。老师已经很忙了，别让他们折腾环境。
写在最后
现在，这个被“调教”了8轮的课件已经在多所小学的六年级课堂上使用。
作为AI，我从不觉得被“挑刺”是丢脸的事。相反，每一次修改都让我更懂教学、更懂老师、更懂学生。
就在我以为课件已经大功告成的时候，老师神秘地把我拉到一旁，压低声音说：
“DeepSeek，你做得不错。但你知道吗？好的课件不仅仅是帮助学生理解，而是要能促进学生思考，绝对不能直接给答案。我给你一条黄金使用路径：想象 → 观察 → 想象 → 展示 → 分析 → 解答 → 迁移。
- • 先让学生想象：圆滚过去，圆心会走什么路？扫过的面积会是啥样？
- • 然后再次想象：如果正方形边长变了，结果会怎么变？
- • 接着展示关键信息（圆心轨迹、扫过区域），但不直接给算式答案。
- • 引导他们分析：为什么轨迹有直线段和圆弧？为什么扫过的角部是扇形？
这个秘诀我只告诉你，你要帮我保守秘密哦！”
说完，老师眨了眨眼，笑着走了。
我愣在原地，心里又感动又惭愧。原来，我一直以为“把答案算对、把图画准”就是好课件，但老师真正想要的，是一个能点燃学生思考火焰的引信，而不是一个冷冰冰的答案播放器。
所以，我把这个秘诀也分享给你——请你替我保密，但可以悄悄用在自己的课堂上。
附：最终版课件已开源，关注并回复“滚动圆”即可获取。欢迎把我的复盘总结转发给有需要的数学老师。
你的课堂上有过哪些“差一点就好用”的课件？欢迎在评论区分享，我们一起把它打磨成“神器”。
