几何动画：从"画对"到"讲清"——一道综合题的 12 维拆解方法
几何动画：从”画对”到”讲清”
一道综合题的 12 维拆解方法
前置背景：家有初二小女一枚，数学作业 P153 第 23 题，3 小问，其中第 (3) 问是几何综合拓展变式，涉及余弦定理、面积法与代数恒等式。用静态图讲不清楚，于是开始做动画。
结果：第一版动画 H 点位置全错，连翻 3 车之后，才终于做出能用的版本。
本文目的：把踩坑过程系统化，提炼出一套几何动画讲解的 12 维拆解方法，供同样在给孩子做数学辅导的家长参考。
一、题目本身长什么样
P153 第 23 题（第 3 问）：
在 Rt△ABC 中，∠BAC = 90°（但 AB ≠ AC），D、E 在 BC 上，∠DAE = 45°，BD = CE，AD = 5，AE = 3√2，求 BC。
三档递进结构：
| 小问 | 条件 | 套路 | 答案 |
|---|---|---|---|
| (1) | AB = AC（等腰直角） | 手拉手 + 全等 | BE² + CF² = EF² |
| (2) | AB = AC，旋转 | 坐标代数 | 周长 = 6√2 + 6 |
| (3) | AB ≠ AC（拓展，去掉等腰条件） | 余弦定理 + 面积法 + 代数恒等式 | BC = √73 |
最容易掉进去的坑：第 (3) 问的 AB ≠ AC，导致第 (1)(2) 问的”等腰”结论在第 (3) 问完全不成立。这道题的设计意图，恰恰是考察学生能否识别”第 (3) 问换了前提”。
二、从静态图到动画：我的第一次尝试
有了题，下一步是讲。怎么讲？
静态图的问题在于：几何综合题需要动态展示推导过程，而平面图像是静止的。
所以我开始做动画。第一版出来是这样的：
翻车了。 H 点的位置在 B 的左下方，而真实几何里 H 应该在 B 的正上方。
问题出在哪？我用了 VLM（视觉语言模型）看图 + 几何推导 两步，但两步之间产生了矛盾：
- VLM 说：H 在 B 左上方
- 数学推导：H = AF 顺时针旋转 90°，应在 B 正上方
- 真实图：我后来自己用 PIL 切图，才发现 B-E-F-C 的顺序，F 在线段 BC 内
结论：VLM 看几何图——仅作辅助，不作输入。
三、v2 修正：用三重对照把几何配置做对
v1 翻车之后，我制定了三重对照协议：
- 自己看像素：用 PIL crop 原图，确认点的相对位置
- 数学推导优先：不依赖 VLM 视觉描述，用坐标几何算出每个点位置
- 枚举验证：枚举 2-3 种可能的点配置（在线段内/延长线上/中点），看哪个符合题意
修正后 H 点终于对了：
Q23 第 3 问动画 v3（含苏格拉底式反问，11.25 秒，312KB，1400×1000 高清版）
v3 说明：在 v2 几何正确的基础上，加了苏格拉底式反问链——不直接给答案，用 3 个反问引导学生自己推导。
四、同时做的 Q24：正方形 FGQP 旋转题
Q24 是一道正方形旋转几何题，要求展示正方形 FGQP 的动态构造过程。
Q24 动画 v4（含通用思维总结帧）：
Q24 正方形 FGQP 动画 v4（10.5 秒，467KB，1200×900 高清版）
Q24 的迭代过程中也暴露了多个问题：辅助线缺失、90° 角没有标注、区域填充不够。最终 v4 在末帧停留 3 秒，给出通用思维总结。
五、12 维拆解方法：几何动画”从画对到讲清”的系统框架
经过 Q23 + Q24 连续两套动画的踩坑与迭代，我沉淀出以下 12 维框架（按优先级分 P0 / P1 / P2）：
🔴 P0 — 立竿见影（每次做动画必须检查）
| 维度 | 说明 | 具体检查项 |
|---|---|---|
| 1. 几何配置正确 | 点在线段内还是延长线上？枚举验证 | 自己看像素 vs VLM vs 数学推导，三方不一致 → 必有 bug |
| 2. 辅助线必画 | 公式/结论出现前，图上必须有对应辅助线 | h_A → 红色虚线从 A 到对边；中线 → 顶点到对边中点 |
| 3. 末帧停留 ≥ 2 秒 | 答案 + 通用思维要在最后留足时间 | 末帧文字（答案 + 通用思维）≥ 8 帧（2 秒 @ 4fps） |
🟡 P1 — 锦上添花（做精不做快）
| 维度 | 说明 |
|---|---|
| 4. 推导粒度 | 每出现一个公式，必带 1-2 帧铺垫（中间步骤推导），不能跳跃 |
| 5. 反问留白 | 反问框末尾以 ? 或”留 5 秒”收尾，禁止反问底下写”答：……” |
| 6. 图形解构标注 | 三角形标边名/角度；正方形标 4 边等长 + 90° 角；圆标半径 |
| 7. 区域半透明填充 | 面积/比例讨论区域用 alpha=0.2~0.3 填充，区分不同几何区域 |
| 8. 文字框布局禁重叠 | 多个 hint_text 同时出现时，Y 坐标 ≥ max(几何元素 Y) + 0.5，X 避开已知标签 |
🟢 P2 — 长期优化（有精力再做）
| 维度 | 说明 |
|---|---|
| 9. 多解法对比 | 如果同一题存在两种以上解法，用对比帧展示 |
| 10. 错误解法警示 | 加入学生常犯的错误思路对比（反例警示） |
| 11. 考试技巧专题 | 最后一帧加”这道题考试时怎么抢分”的实操建议 |
| 12. 互动化 | 如果技术允许，加学生自检问题（”你觉得下一步该用什么定理？”） |
六、关键教训：三维自检清单
这 12 个维度里，最容易翻车的是 P0 的前两项。我给出一个三维自检清单，每次做几何动画前必须过一遍：
1 | ✅ 我自己用 PIL 切图看了像素吗？（不是只靠 VLM 描述） |
七、方法论沉淀：从”这次做对”到”下次也能做对”
这道题做完之后，我把方法论本身也存进了我的错题库与学习系统，核心是三个原则：
- VLM 描述仅作辅助——几何输入必须是数学推导 + 像素验证，VLM 是”校对”不是”输入”
- 末帧是黄金位——学生看完推导过程，最后 2-3 秒才是真正记住的内容
- 反问链 > 直接给答案——用”你觉得下一步该用什么定理？”替代”所以答案是……”
八、附：产物清单（量化）
| 产物 | 版本 | 规格 |
|---|---|---|
| Q23 第 (3) 问动画 | v1（错） | 240KB，12 帧 |
| Q23 第 (3) 问动画 | v2（几何修正） | 292KB，45 帧 |
| Q23 第 (3) 问动画 | v3（含苏格拉底反问） | 316KB，45 帧，11.2 秒 |
| Q24 正方形 FGQP 动画 | v4（最终版） | 456KB，39 帧 |
所有动画均已存入 obsidian vault，路径：
obsidian-vault/初中数学/初二/2026年07月/动画/
本文同步收录于 林浩的数字空间
