白噪音放鬆器

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.

重建一個名為「白噪音放鬆器」的互動式白噪音混音器／放鬆工具，而不是傳統有勝負的遊戲。整體使用繁體中文介面，深色、極簡、舒緩的視覺風格。

畫面與鏡頭：使用全螢幕 WebGL/Three.js 背景場景。3D 鏡頭為約 68 度視野的透視相機，位於 (0, 4.5, 11)，朝向場景中央偏上的位置；場景是昏暗的室內／抽象環境，有深藍灰霧氣、暗灰色 26x26 地面、左右兩側深色牆面。左後方放一個深棕色的壁爐與底座，右後方有一個深色窗框。未播放聲音時背景元素安靜且大多隱藏；有聲音播放時鏡頭以非常輕微、緩慢的左右與前後正弦擺動營造放鬆感。

視覺聲音回饋：勾選「雨聲」時顯示約 280 個淡藍色下落雨滴粒子，粒子從高處落下並循環重生，速度會受頻率／密度控制。勾選「火焰聲」時，在左側壁爐附近顯示約 120 個橙黃色火星粒子向上飄動、重生，色彩會快速閃爍。勾選「極地冰原」時顯示約 420 個淡灰藍色雪／冰粒子向下飄落，並顯示四根位於遠景不同位置、略微傾斜的低多邊形青灰色冰柱；冰柱與雪粒只在該聲音啟用時出現。其餘聲音不需要額外粒子效果，但都應可正常混音。

UI：在畫面上層放一個靠近左上、帶有圓角與細邊框的深色半透明面板，約佔視窗寬度但保留邊距；面板最高約 70vh，內容過多時可以垂直滾動。標題為大字「白噪音放鬆器」。下方是響應式聲音卡片網格，寬螢幕為三欄，窄螢幕自動改為較少欄位，每張卡片深色（略比面板亮）、圓角、細灰邊框。

建立以下 9 張聲音卡片，順序固定：
1. 雨聲——「輕柔的雨滴聲」
2. 火焰聲——「溫暖的柴火聲」
3. 火車聲——「遠處火車行駛」
4. 鬧市聲——「城市宣鬧與人聲」
5. 馬路聲——「車輛通過聲」
6. 引擎聲——「穩定的引擎響鳴」
7. 風聲——「輕柔的風聲」
8. 海浪聲——「海浪拍岸的聲音」
9. 極地冰原——「Returnal 破碎廢土 - 刺骨寒風與冰晶」

每張卡片頂部有一個 20x20 左右的核取方塊，啟用色為明亮綠色；旁邊顯示粗體聲音名稱與灰色描述。每張卡片都有三條橫向 range slider，標籤與右側即時數值依序為：「音量」（初始 70，範圍 0–100）、「頻率 / 密度」（初始 100，範圍 30–200）、「隨機係數」（初始 35，範圍 0–100）。滑桿使用綠色 accent，數值使用亮綠色。底部有「停止所有」按鈕，以及「主音量」滑桿（初始 80，範圍 0–100）和即時數字。再顯示提示文字：「加多個聲音來混響。極地冰原使用專業 DSP 多層噪音 + LFO + 冰晶顆粒合成，接近 Returnal 破碎廢土風格。」畫面左下角顯示低對比提示：「點選任何聲音開始播放」。

核心互動：使用者可以同時勾選多張卡片，把聲音疊加混音；取消勾選即停止該聲音；「停止所有」取消全部勾選並停止全部音源。第一次點擊聲音時建立／啟動 Web Audio API AudioContext，並處理瀏覽器需要使用者手勢才能播放的限制。所有音量都經過單一主音量控制，調整任何 slider 時要即時更新目前正在播放的聲音。

音訊實作要忠實使用程序合成，不使用外部音檔。預先產生並循環使用約 12 秒的單聲道白噪音、棕噪音與粉紅噪音 AudioBuffer。雨聲與海浪聲使用粉紅噪音通過 bandpass 濾波器後，以短顆粒（grain）方式反覆排程：雨聲顆粒密集、短促，海浪顆粒較疏、較長；頻率／密度控制排程間隔與濾波中心頻率，隨機係數控制間隔、頻率和顆粒音量的隨機變化。火焰聲與風聲使用循環棕噪音通過低通濾波器，火焰基準頻率約 850Hz、風聲約 420Hz。火車聲與引擎聲使用低通棕噪音，基準約 180Hz 和 140Hz。鬧市聲使用白噪音 bandpass 約 650Hz，馬路聲使用白噪音 bandpass 約 380Hz。各聲音的頻率 slider 應映射到各自的合理基頻區間，並限制濾波頻率在安全範圍內；隨機係數應造成每幀或定期的輕微濾波頻率與音量變化。

「極地冰原」使用多層程序 DSP：粉紅噪音作為經低架與低通處理的寒風底層，棕噪音經低通形成低沉隆隆聲，白噪音通過高 Q bandpass（約 1800Hz 起始）形成尖銳冰風口哨，再加上高通濾波的極短高頻冰晶顆粒；底層加入緩慢 LFO，冰晶顆粒以類 Poisson 的隨機間隔排程，並用 stereo panner 在左右隨機散布。極地的頻率／密度控制底風濾波與冰晶事件密度，隨機係數控制 LFO 和顆粒的變動。各音源應連到 master Gain，再輸出到 AudioContext destination。

加入持續 requestAnimationFrame 主迴圈：更新目前音源的 DSP 參數、排程雨／海浪 grain 與冰晶 grain、更新雨滴／火星／雪粒位置，最後渲染 Three.js 場景。整體體驗重點是可長時間播放、可調整多層環境聲的舒緩混音器；不要加入分數、生命、敵人、關卡或其他未出現的遊戲規則。