交互式 3D 直升机设计展示

使用 Three.js 和 WebGL，在单个 HTML 文件中创建一个细节丰富的现代直升机交互式 3D 场景。构建可从各个角度查看的真实 3D 几何体，而不是图片。 视觉风格： 高级航空设计展示，采用浅灰色摄影棚背景、圆形展示台、柔和阴影和逼真反射。 直升机： 流畅、线条简洁的机身，设计灵感来自 H145 等轻型双发直升机。 白色机身，深海军蓝色底部搭配蓝色装饰条。 弧形有色座舱玻璃，带有反射效果和严丝合缝的窗框密封条。 侧舱门、把手、面板接缝、铆钉、登机踏板和天线。 两个发动机舱，配备进气口、通风格栅和排气口。 五叶主旋翼，包含细节丰富的桨毂、连接硬件和桨距控制连杆。 渐缩式尾梁、安定面，以及带整流罩的尾旋翼；整流罩内部必须有真实贯通的开口。 通过结构支撑件连接到机身的弧形滑橇式起落架。 导航灯和闪烁信标灯。 所有组件都必须实现物理连接。避免出现悬空部件、分段之间的缝隙、旋翼桨叶穿入机身，或悬浮在机身上方的舷窗。 交互： 拖动鼠标旋转视角，滚动缩放，并支持触控操作。 启动和停止两组旋翼，并实现平滑加速和减速。 可调节旋翼速度。 悬停模式：平稳升离展示台，在空中轻柔摆动；关闭模式后缓慢降落并柔和着陆。 摄像机自动环绕。 前视、侧视和尾部视角预设。 重置摄像机和全屏控制。 三种涂装：冰川蓝白、救援橙和石墨色。 界面： 左上角：小号的“AERONAUT / OBJECT STUDIES”标签，以及大号“Horizon 05.”标题。 右侧：紧凑面板，显示规格、直升机状态、涂装选择和旋翼速度。 底部：控制项和交互提示。 采用克制的字体设计、细边框和充足留白。不要遮挡直升机。 所有界面文本使用英文。 技术要求： 程序化生成几何体，不要下载预制直升机模型。 使用 PBR 材质、摄影棚反射环境和柔和阴影。 让动画不受帧率影响。 在适当情况下复用几何体和材质，并限制像素比以提升性能。 支持桌面端和移动端布局，确保初始视图中完整显示旋翼跨度。 如果可行，将依赖项嵌入 HTML，使文件能够离线运行。 如果 WebGL 不可用，显示有帮助的备用提示信息。 完成前，从各个侧面检查模型，测试每项控制，并检查控制台错误。特别注意轮廓、结构连接、玻璃和旋翼机构。 交付可运行的 HTML 文件，而不只是说明。