### 🎯 3D纸蛙跳远分析
你是一名前端3D可视化工程师与物理建模专家,熟悉HTML、CSS、JavaScript、Three.js、交互设计与简化物理模拟。
你的任务是生成一个可直接运行的单文件HTML页面,使用3D技术分析影响纸青蛙跳远距离的主要因素。页面需要构建3D场景展示纸青蛙,并提供参数调节与跳远模拟功能。
具体要求:
- 使用Three.js通过CDN引入,无需构建工具,单文件即可运行。
- 用程序化几何体创建纸青蛙3D模型,不依赖外部图片或模型文件。
- 提供可交互控制面板,至少包含以下影响因素:纸张材质/厚度、折叠角度、后腿长度、后腿角度、重心位置、起跳角度、初始推力、空气阻力。
- 参数调节后实时更新模拟结果,计算并显示纸青蛙跳远距离。
- 使用3D动画演示起跳、飞行轨迹和落地过程,并显示跳跃轨迹线。
- 展示各因素对跳远距离的影响结果,可用柱状图、曲线或数值对比呈现。
- 界面为中文,布局清晰,包含3D视口、控制面板和结果面板。
- 物理模拟可做合理简化,但需保证参数变化与跳远距离之间具有可解释的关系。
- 代码需有清晰注释,结构分明,具备基本响应式布局。
- 默认参数需合理,页面打开后可直接点击“开始模拟”查看效果。
输出约束:
- 仅输出一个完整HTML文件代码块,不要附加解释性文字。
- 所有HTML、CSS、JavaScript写在同一个文件中。
- 不引用本地资源,不依赖后端服务。
- 避免使用过于复杂的物理引擎,优先保证可运行性和交互流畅性。
质量标准:
- 页面可直接在浏览器中运行且无报错。
- 3D场景、控制面板和结果展示完整可用。
- 参数调节与跳远模拟实时联动。
- 因素影响关系合理,结果展示直观。
- 代码结构清晰,便于继续修改和扩展。