📖 简介

胡不归问题-折射原理演示工具是一款基于Web的交互式数学教学应用，旨在直观展示"加权距离和最小值"问题（即胡不归问题）与光的折射定律之间的深刻联系。工具通过Canvas画布实时渲染几何图形，允许用户自由调节速度比、移动路径点，并自动计算和验证折射条件 sinθ₁ = k·sinθ₂。核心创新在于将抽象的代数优化问题转化为可视化的物理现象，帮助学习者理解"为什么最优解满足折射定律"背后的数学原理。

🎯 主要功能

1. 动态几何演示

• 实时绘制点A（沙漠起点）、点B（水源）、点P（公路交汇点）及移动路径
• 支持鼠标/触摸拖拽任意点，P点自动吸附在公路直线上
• 高DPI适配，确保高清显示效果

2. 参数交互控制

• 速度比k调节：滑块控制 v₁/v₂ 比值（0.1-0.9），实时更新加权和
• P点位置调节：滑块或拖拽改变P点在公路上的水平位置
• 实时数值反馈：同步显示 PA、PB 距离及加权和 k·PA + PB

3. 智能最优解计算

• 一键启动数值搜索算法，自动寻找使 k·PA + PB 最小的P点位置
• 最优路径高亮显示（绿色加粗）
• 平滑动画过渡，直观展示优化过程

4. 折射条件验证

• 自动计算入射角θ₁和折射角θ₂
• 实时显示角度值和 sinθ₁/sinθ₂ 比值
• 智能判断当前配置是否满足 sinθ₁ = k·sinθ₂，并给出✅提示

5. 分步教学模式

• 4步递进式教学：

  1. 问题呈现：介绍胡不归问题的实际背景
  2. 折射类比：展示光的折射示意图，建立物理联系
  3. 几何转化：演示法线构造和角度测量方法
  4. 最优解：揭示折射定律即最优解的判定条件
• 步骤指示器高亮当前进度，支持手动切换或自动播放

6. 多维度可视化

• 不同颜色区分沙漠路径（红）、公路路径（蓝）、法线（灰）
• 角度弧线标注θ₁和θ₂，直观展示入射/折射关系
• 距离标签实时显示线段长度
• 响应式设计，支持PC端和移动端操作

🏫 适用场景

📋 使用说明

第一步：访问与初始化

1. 用现代浏览器（Chrome/Firefox/Edge）打开HTML文件
2. 页面加载后自动显示默认配置：A(150,150)、B(450,100)、P(300,250)，k=0.5
3. 点击"📚 开始分步演示"进入引导模式

第二步：基础操作

• 拖拽点：鼠标按住A、B或P点拖动，P点只能在水平公路线上移动
• 滑块控制：

  • 调节顶部"k系数"滑块改变速度比（公路/沙漠速度比）
  • 调节"P点位置"滑块水平移动P点
• 实时观察：左上角数值面板会同步更新加权和与当前表达式

第三步：分步学习（推荐）

1. 点击"📚 开始分步演示"，从步骤1开始
2. 阅读右侧原理说明区的文字解释
3. 点击"下一步 →"进入下一阶段，或点击步骤指示器快速跳转
4. 步骤3会自动显示法线和角度弧线，标注θ₁、θ₂
5. 步骤4可点击"🎯 找到最优解"，观看自动寻优动画

第四步：验证与探索

• 手动拖拽P点，观察右上角"检查折射条件"的变化
• 当显示"✅ 满足折射条件"时，说明当前P点接近理论最优解
• 尝试不同k值（如0.2、0.8），观察最优P点位置如何变化
• 对比不同配置下的最小加权和，理解k值对路径的影响

第五步：高级功能

• 重置：点击"重置"按钮恢复默认配置
• 自由探索：关闭分步模式，自由拖拽点和调节参数
• 截图分享：将最优解状态截图，用于作业或报告

快捷键提示

• 移动端支持双指缩放查看细节（需浏览器支持）
• 拖拽时按住Alt键可微调点位置（实验性功能）

💡 使用小贴士：建议先通过分步演示理解原理，再自由探索参数变化。当k接近0时，最优P点会靠近B点投影；当k接近1时，P点会向A、B连线与公路的交点靠近，这与直觉完全一致！