简介

本工具针对等腰三角形动点极值问题开发，基于Canvas技术实现高精度动态模拟。核心研究模型：在等腰直角△ABC中（AB=4cm，C为直角顶点），点P沿AB下侧半圆从B向A运动，M为PC中点，系统实时计算并可视化AM距离的动态变化规律，最终揭示AM_min = √5 - 1这一经典结论的几何本质。

技术亮点：采用原生JavaScript实现60fps流畅动画，坐标变换精度达0.001cm，支持轨迹实时记录与极值点智能标注，完美契合"实验-观察-猜想-验证"的现代数学教学模式。

主要功能

🎮 智能动画控制系统

• 双向循环演示：自动执行P点B→A→B的往返运动，无需手动重置
• 无极调速：0.2x~3.0x速度调节，适配新课讲解与深度探究不同场景
• 手动微调：0°~180°角度滑块，支持逐帧分析关键位置
• 一键复位：快速清空轨迹、重置参数，提升课堂效率

📏 高精度几何作图

• 智能坐标系：动态网格辅助，世界坐标与屏幕坐标自动转换
• 多元素同步渲染：三角形、半圆、轨迹、标注分层绘制，视觉层次分明
• 尺寸自动标注：关键线段长度实时计算并标注，符合几何规范
• 极值点星标系统：★标记最小值位置，强化记忆锚点

📊 多维度数据监控

• 实时坐标追踪：P、M精确坐标（cm级单位）动态刷新
• 距离矩阵：AM距离精确到0.001cm，变化趋势一目了然
• 角度同步显示：θ值与滑块联动，理解参数驱动关系
• 进度可视化：底部进度条直观显示P点运动进程

🎨 专业可视化设计

• 轨迹动态绘制：M点运动轨迹以红色实线实时生成，展示路径全貌
• 关键连线高亮：A点与M轨迹圆心的蓝色虚线揭示几何结构
• 最小值金框强调：独立高亮区域显示答案 √5 - 1 ≈ 1.236cm
• 中式美学界面：宋体字体+蓝白渐变，符合传统教材视觉习惯

适用场景

🏫 课堂教学全流程

• 新课导入：通过动态演示快速建立问题情境，激发探究欲望
• 难点突破：轨迹生成过程可视化，化解"中点轨迹是圆"的认知障碍
• 总结升华：极值点标注与公式推导呼应，从直观到抽象自然过渡

📚 学生自主学习

• 课前预习：自主操作理解题意，带着问题听课
• 课后复习：反复观察极值点附近变化，巩固最值思想
• 错题精研：可视化验证解题思路，定位思维误区

👨‍🏫 教师专业发展

• 备课辅助：动态截图/录屏制作微课，提升课件质量
• 教研展示：标准化演示流程，提高听评课效率
• 变式拓展：调整参数探索一般化规律（如改变三角形形状）

使用说明

第一步：环境准备

1. 使用Chrome/Edge/Firefox等现代浏览器打开HTML文件
2. 确保屏幕分辨率≥1366x768以获得最佳体验
3. 页面加载完成后确认出现完整控制面板与坐标系

第二步：快速预览

1. 点击 【开始演示】 按钮启动自动动画
2. 观察P点黄色轨迹沿半圆从B(2,0)向A(-2,0)运动
3. 关注右侧数据面板中AM距离从2.236cm逐渐减小
4. 当P接近左下方时，AM值趋近于金色框标注的1.236cm

第三步：深度探究

1. 调速观察：将速度调至0.5x，在P接近(-0.8, -1.6)区域时点击 【暂停/继续】
2. 手动验证：拖动"手动调节θ"至约153°（即2.67弧度），观察AM值
3. 轨迹分析：多次点击 【重置】 后重新运行，观察M点红色轨迹是否形成完整圆形
4. 几何验证：测量蓝色虚线（A→圆心）长度≈2.236cm（√5），理解圆的性质在极值中的应用

第四步：教学应用

• 新课讲解：使用 1.0x-1.5x 速度完整演示2-3个周期，引导学生发现最小值
• 小组合作：设置任务"找到使AM最小的P点坐标"，学生用手动模式验证猜想
• 分层练习：
• 基础层：观察并记录AM最小值
• 进阶层：推导M点轨迹方程 (x)²+(y-1)²=1
• 拓展层：证明AM_min = √5 - 1

💡 关键观察点

• 起点：P在B(2,0)时，AM=√5≈2.236cm（距离最远）
• 终点：P在A(-2,0)时，AM=1cm（非最小值）
• 极值点：P≈(-0.8,-1.6)时，AM≈1.236cm（几何中心连线与圆交点）
• 轨迹圆：M点轨迹是以(0,1)为圆心、半径1cm的圆，与几何推导完全一致