请实现一个以 **Energy Skate Park（能量滑板）** 为主题的 **3D 交互可视化网页**。

用户通过调整滑手的出发高度，在五个递进场景中观察重力作用下的运动、动能与势能转化、摩擦生热和抛体运动。物理规律必须实际驱动画面、数值和结果，形成准确、连贯且具有美学质量的交互体验。

## 1. 核心操作与物理模型

滑手质量为 **60 kg**，重力加速度为 **9.8 m/s²**。高度、距离使用 m，速度使用 m/s，能量使用 J，所有场景采用一致的高度基准。

用户在出发前通过滑块选择 **0–30 m** 的出发高度，滑手从静止开始运动。运行过程中不得通过加速键、调整高度或其他操作额外增加能量。

采用质点模型，忽略空气阻力和转动动能。前四个场景中，滑手沿理想约束轨道运动，不模拟自然脱轨；第五个场景从指定出口进入仅受重力作用的抛体运动。运动可以限制在竖直平面内，但使用完整的 3D 场景呈现。

无摩擦时机械能守恒；有摩擦时，损失的机械能转化为累计热能。不能通过裁剪负动能、瞬移或额外推动，让原本不可达的位置变得可达。

## 2. 五个递进场景

| 场景 | 必须实现的条件 | 必须呈现的物理行为 |
| --- | --- | --- |
| 初次滑行 | 无摩擦 U 形轨道，谷底高度 0 m，终点高度 9.5 m | 下滑时势能转为动能，上升时动能转为势能；能量不足时无法到达终点 |
| 高台挑战 | 默认出发高度 10 m，终点高度 16 m，无摩擦 | 默认输入无法完成，用户提高出发高度后可以到达终点 |
| 限速门 | 门所在高度 9 m，过门速度不得超过 8 m/s；后续终点高度 10.5 m，无摩擦 | 高度过低无法完成，高度过高则过门超速，存在可完成的输入窗口 |
| 摩擦沙地 | 谷底包含 20 m 长的水平沙地，摩擦系数 0.05；其他部分无摩擦，终点高度 10 m | 经过沙地时机械能减少、热能增加；完成挑战所需的初始能量相应提高 |
| 峡谷飞跃 | 起跳点高度 4 m，出口仰角 30°；水平落地区高度同为 4 m，距起跳点水平距离 8–10 m；无摩擦 | 出发高度改变起跳速度与落点，能够区分飞跃过短、落入目标区域和飞跃过远 |

第五个场景在滑手下降穿过落地区高度时判断落点，并结束本次运行，能量展示保留接触前的状态，无需模拟着陆碰撞。

各场景的轨道必须满足上述参数和挑战条件，不得额外增加改变可解性的障碍、峰值高度或能量损耗。场景造型、轨道的非关键部分和视觉包装可以自行设计，但不能让可见几何与实际计算使用不同尺度。

## 3. 数值、图表与场景保持一致

持续显示速度、高度、动能、势能、累计热能和总能量，并提供同步更新的能量可视化。其中动能使用绿色、势能使用蓝色、热能使用红色；相关场景反馈保持一致的颜色语义。

滑手的位置、速度、能量读数、图表、运动效果和结果判断必须基于同一套实际运行状态：

- 调整出发高度时，滑手起点与初始能量同步变化。
- 无摩擦运动中，动能与势能相互转化，总能量保持稳定。
- 经过沙地时，机械能损失与累计热能相对应。
- 飞跃时，位置与速度符合抛体运动，而不是播放预设飞行动画。
- 暂停、恢复、重试和切换场景后，各种表征仍保持一致。

不得只让数字符合公式，而画面按照与计算无关的路径运动；也不得只根据出发高度所在区间直接播放预设成功或失败结果。

## 4. 连续交互与状态管理

提供清晰可见的开始、暂停/继续、重试本场景、下一场景和重新开始全部场景的控件。

五个场景能够在同一会话中依次完成。达到当前目标后才能通过“下一场景”推进；未达到目标时，保留结果与原因，允许用户调整参数后重试。

暂停时，运动、模拟计时、热能累计和轨迹采样均应停止。重试本场景时清理本次运行数据，并允许重新选择高度；切换场景时清理滑手状态、计时、热能、轨迹、结果面板与回放，保留已完成进度。最后一个场景完成后展示整体完成状态，并允许清空进度、从第一个场景重新开始。

## 5. 结果与物理反馈

每个场景明确展示当前目标和关键参数。运行结束后，保留本次能量变化回放和关键结果。

能量不足、过门超速、飞跃过短和飞跃过远应有不同反馈，并结合本次运行的数值说明原因，不能统一显示“失败，请重试”。

提供可展开的物理信息区域，说明当前使用的物理关系及对应数值。文字应简洁，重点帮助用户核对现象、计算与结果，不需要设计课程、问答测验或星级奖励。

## 6. 美学与可用性

采用统一的**暖色低多边形峡谷风格**，包含黄昏光照、远景层次、发光轨道，以及具有运动反馈的滑手。

五个场景保持共同的视觉语言，同时通过场景结构、材质或环境细节形成可辨识的变化。具体构图、角色造型、镜头、材质、动画和界面布局由你设计。

需要满足：

- 运动连续，镜头稳定，能够观察主要运动过程及关键事件。
- 高度、轨道、限速门、沙地和落地区的空间关系清楚。
- 图表、数字与场景协调，信息层级明确，文字与单位清晰可读。
- 控件、HUD 和结果面板不遮挡主要观察对象或关键操作。
- 动效服务于状态表达，不能因过度装饰影响观察与操作。

## 7. 交付要求

提供完整可运行的纯前端网页，以 `index.html` 为入口，通过本地 HTTP 服务即可打开，并附源码与运行说明。

核心流程不得依赖后端服务或外部网络。所需依赖和资源应随项目提供；具体代码组织、内部变量命名及实现方法由你决定。