互動式 3D 直升機設計展示

使用 Three.js 與 WebGL，在單一 HTML 檔案中建立一個細節豐富的現代直升機互動式 3D 場景。請製作可從各個角度觀看的真實 3D 幾何，而非圖片。 視覺風格： 高端航空設計展示，搭配淺灰色攝影棚背景、圓形展示平台、柔和陰影與逼真反射。 直升機： 流暢、流線型的機身，設計靈感來自 H145 等輕型雙發動機直升機。 白色機身，深海軍藍色下腹部與藍色點綴條紋。 弧形深色駕駛艙窗，具有反射效果，並精確貼合窗框密封條。 側門、把手、面板接縫、鉚釘、登機踏板與天線。 兩個發動機艙，配備進氣口、通風格柵與排氣口。 五葉片主旋翼，具備細節豐富的旋翼轂、連接硬體與螺距控制連桿。 逐漸收窄的尾樑、水平安定面，以及帶有整流罩的尾旋翼；其外罩必須有真實貫穿的開口。 透過結構支架連接至機身的弧形滑橇式起落架。 導航燈與閃爍信標燈。 所有元件都必須以實體方式連接。避免零件懸浮、區段之間出現間隙、旋翼葉片穿入機身，或窗戶懸浮在機身上方。 互動功能： 拖曳滑鼠旋轉視角、滾動滑鼠滾輪縮放，並支援觸控操作。 以漸進式加速與減速啟動及停止兩個旋翼。 可調整旋翼速度。 懸停模式：平順地從平台升空，在空中輕柔搖擺，停用時柔和降落。 自動旋轉攝影機視角。 正面、側面與尾部攝影機預設視角。 重設攝影機與全螢幕控制項。 三種塗裝：冰川藍與白色、救援橘，以及石墨色。 介面： 左上方：小型「AERONAUT / OBJECT STUDIES」標籤，以及大型「Horizon 05.」標題。 右側：精簡面板，顯示規格、直升機狀態、塗裝選擇與旋翼速度。 底部：控制項與互動提示。 採用克制的字體設計、細邊框與寬裕留白。保持直升機不受遮擋。 所有介面文字皆使用英文。 技術需求： 以程序式方式產生幾何，不得下載預先製作的直升機模型。 使用 PBR 材質、攝影棚反射環境與柔和陰影。 讓動畫不受影格率影響。 在適當情況下重複使用幾何與材質，並限制像素比以提升效能。 支援桌面與行動版面配置，並確保初始視角能看見完整旋翼跨度。 若可行，請將相依項目嵌入 HTML，讓檔案能離線運作。 WebGL 無法使用時，顯示有用的替代訊息。 完成前，請從各個側面檢視模型、測試每項控制功能，並檢查主控台錯誤。特別注意輪廓、結構連接、玻璃窗與旋翼機構。 請交付可運作的 HTML 檔案，而不只是說明。