STILLWATER — 月下沼澤瀏覽器體驗

使用 Three.js 打造一個名為 STILLWATER 的瀏覽器體驗。調性：一片讓人迷失其中的月下沼澤。不要做成有敵人的遊戲，也不要追求 Unreal 式的寫實畫面。這是一個安靜、質感高級的網頁世界，水面反射才是主角。要讓人盯著水面看上久到不太健康的程度。 場景 - 地點標題：THE DEEP SWAMP - HUD 時間：19:26 - 第一個命名地點：Heron bend - 地點名稱下方的標語："Leave a little room for the wild." - 抵達時顯示的探索提示："Discovered: Heron bend" 世界 月升時分／暮色將盡的淹水柏樹沼澤。 - 高聳、膝根突出的樹木立在黑綠色水面中 - 西班牙苔蘚成串垂掛 - 睡蓮葉沿著岸邊聚集 - 狹窄蜿蜒的水道通往更寬闊的彎道 - 濃厚的體積霧，遠景呈藍綠色，天空覆著紫粉色雲層 - 明亮的月亮，在水面上投下漫長而斷續的倒影路徑 - 幾隻鳥掠過天空 - 船艙透出的暖黃色燈光穿透幽暗 水面（不要偷工減料） 這才是主角。 - 即時反射樹木、月亮、霧氣與船燈 - 輕柔起伏，不要做成海浪 - 睡蓮葉漂在水面並隨波輕晃 - 岸線泡沫／樹根附近深色的單寧水 - 使用螢幕空間反射或平面反射，讓月光倒影路徑具備電影感 - 維持 60fps。對樹木使用 LOD，植被採用實例化。 船 一艘小型、飽經風霜的船艙小艇／工作船。 - 船尾標有船體編號 86 - 白色船艙、深藍色船身、溫暖的室內燈 - 沿水道閒適漂流，可選擇緩慢的引導式遊覽 - HUD 速度約為 15.9 KNOTS - 模式標籤：GUIDED DRIFT 玩家可以環顧四周。攝影機可從電影感追蹤視角或側向環繞視角跟隨船隻。 攝影機 - 從樹林中的船隻四分之三側前方視角開始 - 沿著月光映照的水道漂到船尾後方 - 偶爾從前景樹幹旁側滑掠過 - 拖曳以環顧四周 - 可選擇 PHOTO MODE 要像自然紀錄片，不要像第一人稱射擊遊戲。 UI — 編輯風格，不要有遊戲感 左上角：小型標誌 + STILLWATER 頂端中央：THE DEEP SWAMP / 19:26，以及羅盤方位（例如 314°） 右上角：低調的功能圖示 左下角： EXPLORING STILLWATER Heron bend Leave a little room for the wild. 15.9 KNOTS GUIDED DRIFT 右下角：PHOTO MODE、fps、Pause 中央底部：小型提示「Discovered: Heron bend」 極小的提示列：著色器／水面／拖曳觀看／照片／野生動物 視覺 深色電影調色、低飽和綠色、洋紅色雲層，以及一道月光高光。重視品味，不必追求寫實。不要塞入臃腫的除錯 GUI。 技術 在瀏覽器中使用 Three.js。程序化／實例化自然環境。自訂水面著色器。霧氣。柔和陰影，或呈現烘焙光影效果的暮色照明。如果可以自行製作，就不要使用素材商店的沼澤套件。 請勿加入戰鬥、物品欄、驚嚇橋段或尋寶遊戲。之後可以讓某種東西潛伏在水下——但現在不要。