向北：互動維京長船之旅

建立「Northbound」——搭乘細節豐富的維京長船，展開一段優美且可互動的北歐峽灣 3D 旅程。 使用 Three.js 和 WebGL 建立真正的即時場景，並以單一獨立 HTML 檔案交付。這必須是可在瀏覽器中探索的體驗，而不是預先算繪的影片或平面插畫。 視覺方向 以精緻、電影感的環境為目標，採用寫實材質、自然比例與內斂色彩。避免卡通或低多邊形風格。 一艘木製長船航行於深綠藍色的水面上，兩側是高聳峭壁、茂密森林、瀑布與北歐小型聚落。使用大氣透視、細微霧氣、柔和陰影，營造可信的景深。整段旅程都要構圖出優美景色，而不只是初始鏡頭位置的畫面。 長船 製作細節豐富且不漏水的船體，包含彼此重疊的木板、清晰可見的木紋、肋材、長凳，以及連續完整的內部空間。 加入雕刻龍首船艏、條紋布帆、桅杆、繩索、盾牌、補給品與溫暖的燈籠。 配置比例自然的維京乘客與划槳手，穿著多層次服裝，採用可信的坐姿，雙手位於船槳附近。 確保每個組件都實際連接。不得出現漂浮的乘客、彼此穿插的配件，或能從船體看見的縫隙。 加入細微的浮力、俯仰與側傾動畫。帆應柔和地隨風反應。 水面與划槳 讓水面成為核心視覺特色。 使用自訂著色器，實作平面反射、折射、菲涅耳高光、依深度變化的吸收效果、可見的淺水區域，以及分層的水面漣漪。反射必須正確回應移動中的鏡頭與變化中的光照。 在船後製作可信的航跡。 製作完整的划槳循環動畫：槳葉入水、向後划動、離開水面，再回到水面上方。這個動作要與划槳手的運動協調一致。 在槳葉實際接觸水面的接觸點產生漣漪、泡沫與細小水滴。水痕必須維持在世界座標中，並逐漸消散。避免槳葉懸空時出現這些效果。 環境與材質 使用細節豐富的地形、不規則岩層、自然的樹木剪影、分枝樹幹，以及一簇簇獨立的葉片或針葉。 為木材、石頭與地面使用具備法線貼圖和粗糙度貼圖的 PBR 材質。可以嵌入授權適當的貼圖；如有要求，請附上來源標示。 確保水下地形延續至水面下方。不得出現明亮接縫、岸線缺口、漂浮植被，或阻擋可航行路線的樹木。 CONTROLS A/D 或方向鍵：向左、向右轉向。 W/S：調整速度。 滑鼠拖曳：環顧四周。 提供跟隨、環繞與電影感鏡頭模式。 加入可選的自動航行模式。 加入暫停、重設、全螢幕與隱藏介面控制項。 在行動裝置上支援觸控轉向與速度控制。 防止船隻穿越陸地與岩石。 氛圍與介面 提供三種可平順轉換的光照預設：清晨、陰天與月光。 加入可選的環境水聲、風聲、鳥鳴與划槳聲。音訊只能在使用者互動後開始播放。 設計極簡的編輯風格介面：「Northbound.」使用優雅的襯線字體，搭配細微的章節標籤與緊湊的半透明控制列。保持景色不受遮擋。 效能與交付 使用實例化、合理的幾何體預算、依距離調整細節，以及適當尺寸的反射目標。根據裝置調整算繪品質，不要承諾固定的影格率。 交付一個內嵌腳本與必要資產的 HTML 檔案，讓它能在現代瀏覽器中直接開啟。 測試轉向、鏡頭模式、光照轉換與划槳。從多個角度檢視船隻，並從低視角檢查岸線。在判定場景完成前，修正幾何體穿插、反射瑕疵、過度眩光與主控台錯誤。 優先做好可信的水面、精心打造的長船與協調一致的環境，而不是加入更多物件。