Playroom：復古 3D 瀏覽器遊樂場

打造一個名為「Playroom」的完整可玩瀏覽器遊樂場，採用懷舊的 1980 年代末期硬體美學，搭配克制而當代的編輯風格介面。使用 Three.js 進行渲染，並為 CRT 螢幕、主機、控制器與遊戲卡匣分別載入獨立的 GLB 資產。交付可實際運作的體驗，而非靜態模型。 美術方向：使用暖調米白背景、仿舊象牙色塑膠、炭灰色細節、低彩度鼠尾草綠、灰霧陶土色與褪色藍。標題使用 Space Grotesk，搭配小尺寸 DM Mono 標籤。加入細分隔線、寬裕留白、低調的技術註記與精簡導覽。避免霓虹賽博龐克風格、光澤感儀表板卡片，以及過度使用漸層。 首頁應如同精心安排的產品攝影。將 CRT 螢幕醒目地放在右側，主機放在左側，直立卡匣穩固地插在主機上，控制器置於前方。使用彎曲連接線連結各裝置，並讓線材接上實際的插孔。採用柔和的定向光、可信的接觸陰影、圓潤邊緣與略帶粗糙感的塑膠材質。避免物件彼此穿插。 讓首頁以緩慢、電影感的左右環繞運鏡呈現。允許使用者拖曳旋轉視角，之後平順地恢復待機動態。在選定的硬體細節周圍加入克制且緩慢流動的資料脈衝。CRT 螢幕應顯示循環播放的像素藝術待機畫面，包含小型吉祥物、細微掃描線與「PLAYER ONE」字樣。準確地在吉祥物臉部使用提供的黃色 T 與白色 V 標誌。 醒目的「POWER ON」按鈕，或點擊主機場景，都應開始一段連續的轉場。讓攝影機平順地靠近 CRT 螢幕，引入動畫資料流，並逐步擴展場景以覆蓋整個視窗。全程覆蓋頂部與底部邊緣。透過平滑的明暗轉場揭示卡匣收藏，不要突然出現覆蓋層，也不要讓攝影機突然跳動。 收藏區包含三款各具特色的直立卡匣：鼠尾草綠的 Snake、陶土色的 Breakout，以及藍色的 Blocks。每款都要有清晰的封面字樣，以及一個停棲在上方的小型動畫吉祥物。加入細微上下浮動、滑入抬升與輕柔傾斜效果。同時支援點擊 3D 卡匣，以及點擊其下方的無障礙文字按鈕。 每次選取都會開啟可玩的遊戲介面。Snake 包含食物鏈與限時加分水果。Breakout 包含多種磚塊排列，以及擋板或多球強化道具。Blocks 包含下一個方塊預覽、落點幽靈影像與消除列計分。提供清楚的操作說明、分數、暫停、重新開始與返回導覽。支援鍵盤控制與觸控按鈕，並在本機保存最佳分數。 將螢幕內容與卡匣標籤維持為獨立的執行階段貼圖，確保文字保持銳利。保留具名模型部件，以支援互動與吉祥物動畫。加入載入回饋、3D 資產載入失敗時仍可使用的備援介面、響應式版面配置、清楚可見的鍵盤焦點，以及減少動態效果支援。整潔地整理專案，驗證三款遊戲與所有轉場，並準備好部署至 GitHub 與 Vercel。