最速降线动画演示

这是一个关于最速降线（Brachistochrone Curve）的交互式网页动画演示。通过精确的物理计算和精美的可视化界面，展示了不同下降路径的时间差异。

功能特点

• 实时动画演示：直观展示最速降线、直线和圆弧三种路径的下降过程
• 精确计算：基于严格的物理数学模型，精确计算最速降线路径和下降时间
• 参数调整：可自由调整起点、终点位置和重力加速度
• 多维数据可视化：包含时间对比、路径分析和速度变化图表
• 路径对比：支持同时模拟三种路径的下降过程，直观对比下降时间差异

技术实现

• 纯原生 JavaScript 实现，无需依赖框架
• 使用 Canvas 进行动画渲染
• 使用 Chart.js 绘制数据可视化图表
• 响应式设计，适配不同屏幕尺寸

数学原理

最速降线（Brachistochrone Curve）是一条连接两点，使得物体在重力作用下从一点滑至另一点所需时间最短的曲线。它的参数方程为：

x = R(θ - sin θ)
y = R(1 - cos θ)

其中 R 是一个与起点和终点有关的参数，θ 是参数。这实际上是一条摆线（cycloid）的一部分。

使用方法

1. 通过滑块调整起点、终点位置和重力加速度
2. 点击"开始模拟"按钮观看最速降线的动画演示
3. 点击"对比路径"按钮同时观看三种路径的下降过程
4. 切换底部选项卡查看不同的数据分析图表

本地运行

只需将所有文件放在一个目录中，然后在浏览器中打开 index.html 即可。

# 如果有 Python，也可以用以下命令启动一个简单的 HTTP 服务器
python -m http.server

然后访问 http://localhost:8000

开发者

本项目是为了展示最速降线这一经典物理问题而开发的教育工具。