互動式 3D 海上火箭發射序列

建立一段電影感十足、細節豐富且可互動的 3D 火箭發射場景：黎明時分，火箭從海上平台升空。將完整專案放在單一 HTML 檔案中，並確保可直接在 Chrome 開啟。使用 Three.js + WebGL 與程序化資產。可行時將資產嵌入檔案；轉譯函式庫則可使用可靠的 CDN。 美術方向 打造從日出前深邃的藍紫色海洋，逐步轉換至大氣層上方溫暖陽光的戲劇性場景。使用可信的比例、細緻的材質、大氣深度，以及精心構圖的鏡頭角度。成品應具備精緻太空飛行短片般的觀感。 火箭與發射平台 製作可信的多級火箭，包含造型流線的鼻錐、接合縫、結構環、級間連接、引擎噴嘴，以及會分離成兩半的酬載整流罩。 製作細節豐富的浮動發射平台，包含支援塔、可回收支撐背架、服務臂、欄杆、梯子、管線、設備、探照燈與閃爍的警示燈。確保所有結構彼此實際連接，且位置正確。 發射序列 製作一段約 46 秒的序列： 以環繞平台的建立場景鏡頭開場。 服務臂與支撐背架回收。 引擎點火，照亮火箭、平台與附近海面。 火箭升空並加速時，煙霧在甲板上擴散。 鏡頭跟隨火箭從大氣層爬升至太空。 第一級分離並脫落。 第二級引擎點火。 整流罩兩半分離，露出衛星。 引擎關閉，衛星部署，太陽能板展開。 最後以衛星在軌道中飛行、以地球彎曲的地平線與日出為背景的畫面作結。 為了呈現效果壓縮飛行時間軸，同時維持連貫的動態。避免位置突然變化、元件互相穿插或效果彼此脫節。 海洋、大氣與特效 使用由著色器驅動並具動畫效果的海洋波浪，加入菲涅耳反射與溫暖的引擎燈光反射。製作分層的尾焰效果，包含明亮核心、較柔和的外層火焰，以及飄散的煙霧粒子。 煙霧應會擴散、淡出，並受風力影響。分級過程中，尾焰必須持續連接至正確的引擎。從大氣薄霧平順轉換至黑暗星空與地球受光邊緣。 鏡頭與互動 使用平順的電影感鏡頭轉場：寬幅建立場景、低角度點火鏡頭、爬升跟拍、級間分離，以及衛星特寫。無論直向或橫向版面，都要讓主要主體保持在畫面中。 加入播放／暫停、重播，以及帶有事件標記的時間軸拖曳列。跳轉時間時，必須重建正確的火箭組態、粒子狀態、鏡頭位置與燈光。重播時必須完整且乾淨地重設整段序列。 讓介面保持精簡且不干擾畫面。允許隱藏介面，以便錄製。 技術品質 使用與影格率無關的動畫與高效率粒子系統。在適當情況下重複使用幾何體與材質，正確處理視窗尺寸變更，並在視覺細節與流暢效能之間取得平衡。 在桌面瀏覽器中測試最終 HTML。檢查主控台，並擷取點火、升空、級間分離與衛星部署時的畫面。交付檔案前，修正載入錯誤、裁切、幾何問題、跳轉播放故障，以及不佳的鏡頭構圖。