白噪音放鬆遊戲

Cinevva's analyzer read this game's design doc and its source, then wrote the brief below. "Make your own" hands it to the game creator as your opening message, so you start from a real spec rather than a one-line idea.

重建一個名為「白噪音放鬆遊戲／白噪音放鬆空間」的 2D 休閒放鬆應用，使用全螢幕深色介面與 Three.js 的正交相機。這不是有勝負或分數的遊戲，而是讓玩家自訂簡單場景、角色動作、合成背景音樂與可疊加白噪音的互動放鬆空間。

整體視覺：頁面背景使用深藍黑色（約 #1a1a2e），文字為淺灰色，標題與區段標題使用柔和的淺藍色。首頁中央顯示「🌧️ 白噪音放鬆空間」，下方顯示「自訂背景、角色與音響，讓心靈安靜下來」，並提供三個大按鈕：「開始遊戲」、「設定」、「離開」。按鈕是圓角、深藍或藍色，滑鼠移上時略微上移並出現陰影。設定頁有左上角「← 回首頁」，可選繁體中文／English、主音量、背景音樂音量、環境音效音量三個 0–100 滑桿，旁邊顯示數值，以及「保存設定」按鈕；保存時把音量寫入 localStorage 並返回首頁。語言切換只需把首頁標題與說明切換成英文「🌧️ White Noise Relaxation」和「Customize backgrounds, characters & sounds for calm」。離開按鈕執行確認對話框，確認後嘗試關閉視窗。

遊戲畫面：進入後顯示全螢幕 canvas，背景初始為深色藍灰的「下雨的咖啡廳」（顏色約 #3a4a5c），使用 Three.js OrthographicCamera，畫面中間放置一個由簡單幾何圖形組成的角色。右上方疊放半透明深紫黑色控制面板（約 220px 寬、圓角、可垂直捲動，最大高度約視窗 80%）；左上角有「← 回首頁」按鈕。面板依序包含：🌄 背景選單、🐾 角色選單、動作選單、🎵 背景音樂選單、🔊 白噪音環境音核取方塊，以及「重置場景」按鈕。底部中央顯示半透明黑色膠囊狀狀態文字「放鬆中... 按 ESC 回首頁」。按 Escape 也應返回首頁並停止音訊。

背景下拉選單必須提供四項：下雨的咖啡廳（#3a4a5c）、森林小屋（#2a3a2a）、夜間海灘（#1a2a4a）、溫馨小屋（#4a3a2a）。切換背景只改變大型背景平面的純色。角色下拉選單提供：貓咪、小熊、讀書的人。貓咪由桃膚色圓形身體（半徑約 1.2）、較小圓形頭部（半徑約 0.7）、兩個三角形耳朵和兩個深色圓眼組成；小熊是棕色較大的圓形身體與圓頭，再加兩個深色圓眼；讀書的人是淺藍灰色矩形身體、膚色圓形頭部與兩個深色圓眼。角色位於畫面中央偏下（y 約 -0.5），不需要細緻貼圖或複雜場景模型。

動作下拉選單提供「睡覺、喝茶、看書、打字」。動作不是實際移動或遊戲挑戰，而是對中央角色套用輕柔循環動畫：睡覺時上下緩慢漂浮並非常輕微左右旋轉；喝茶或看書時以較慢速度輕微旋轉和上下晃動；打字時以較快頻率做小幅上下與旋轉動作。各動作速度大致為睡覺 0.4、看書 0.7、喝茶 1.0、打字 2.2。切換喝茶或打字時可播放一次短促的合成音效。

背景音樂選單提供「輕音樂 Lo-fi」、「爵士樂」、「鋼琴輕音樂」。不要依賴外部音檔，使用 Web Audio API 產生單一正弦振盪器，頻率分別約 220、330、440 Hz，經低通濾波與增益節點輸出；每 800ms 在基頻、1.25 倍、1.5 倍、1.125 倍頻率間循環，形成極簡、持續的合成旋律。切換選項時停止舊振盪器、清除循環並啟動新音樂。

白噪音環境音是可同時勾選的四個獨立音軌：「雨聲、柴火聲、風聲、海浪聲」。使用 Web Audio API 產生循環隨機噪音 buffer，依類型經不同 BiquadFilter 與 gain：雨聲 lowpass 800Hz、增益約 0.6；柴火聲 bandpass 600Hz、增益約 0.5；風聲 lowpass 400Hz、增益約 0.4；海浪聲 lowpass 300Hz、增益約 0.7。每個核取方塊開啟／停止對應循環噪音，可多個同時播放；進入遊戲時預設播放 Lo-fi 並自動勾選雨聲。音訊節點要有 master、BGM、ambient、SFX 分組，分別受設定頁音量控制，並連接到輸出。重置場景時恢復下雨咖啡廳、貓咪、睡覺、Lo-fi，停止所有環境音後重新啟用雨聲，並同步更新選單。

畫面氛圍可加入約 18 個淡藍色、半透明的小圓粒子，散落在場景中，持續緩慢向下漂浮，超出下方後回到上方，並做極輕微的水平正弦漂移，以模擬雨滴或環境氛圍。使用純色背景平面和簡單無光照幾何圖形，保持整體安靜、極簡、低刺激的視覺風格。首頁、設定頁、遊戲頁以 screen 類別切換；遊戲返回首頁時停止 BGM 與所有環境音，並將環境音核取方塊清除。