GPT 6 Astra for Computer Use

建立一個完整的單檔互動式 HTML 網頁，標題為「Midnight Letterpress Accident Laboratory」。只輸出完成後的 HTML 文件，所有 CSS 與 JavaScript 都必須內嵌其中。網頁必須能在現代瀏覽器中直接開啟並正常運作，不得使用任何外部依賴、CDN、函式庫、字型、圖片連結、SVG 檔案或其他資源。這是一個響應式網頁，不是固定 16:9 的圖片或 Canvas 構圖；必須能優雅地適應桌面、平板與行動裝置螢幕。 打造一個具觸感的實驗性活字印刷模擬器：使用者可將單個鉛字字塊拖曳到中央紙張上進行排版，旋轉並重新定位字塊，接著調整墨量、印壓與紙張濕度，最後拉下巨大的機械壓印桿。印刷結果必須根據這些參數以程序化方式產生變化：過多墨水會造成暈墨與字腔堵塞，墨量過低會產生乾裂的破碎邊緣，壓力會改變凹痕與變形，濕度會增加羽化與紙纖維損傷，不完美的字體定位會造成套色偏移，而重複壓印會產生偏移陰影與殘影。只能使用朱紅、群青藍與酸性黃進行多次套色，並呈現逼真的疊印混色、可見的圖層順序、每層可見性、逐步復原／重做，以及掀起紙張一角以顯示下方逐漸形成的印刷結果。 將主要視覺戲劇性定格在壓印滾筒剛剛升起、完成的印刷品即將揭曉的瞬間。中央紙張必須具有舞台般的戲劇感。將字塊、墨滾、鑷子、定位針、紙張碎片、儀表與控制項，以不對稱環狀方式圍繞配置。使用米白色骨紙與鉛灰色作為基礎，搭配從左上方斜射而下的暖白色工作燈照明。透過 CSS、HTML 元素、Canvas 與程序化紋理，將所有內容呈現為粗獷的實體網版印刷與手工拼貼風格：撕裂邊緣、纖維紙張紋理、不均勻顏料、半色調斑點、刮痕金屬、墨水污痕、膠帶碎片、輕微透視、不完美套色與層疊陰影。避免使用光滑漸層、制式 SaaS 風格、通用卡片、霓虹賽博龐克色彩、寫實照片、表情符號、素材庫插畫，以及過度乾淨的向量幾何圖形。 加入大量可移動活字庫，包含字母、標點符號、數字與數個裝飾性字塊。使用者必須能從活字庫將字塊拖曳到排版區、選取多個字塊、使用控制把手或鍵盤快捷鍵旋轉字塊、用方向鍵微移、刪除或複製字塊，並編輯文字內容而不破壞實體字塊的外觀。加入可切換的吸附輔助線，但仍保留細微的手動不規則性。提供清楚的懸停、啟用、選取、停用與焦點狀態。支援指標與觸控操作、合理的鍵盤控制、無障礙標籤與明顯的焦點指示器。 建立三個具觸感的控制項，分別控制墨量、壓力與濕度；其數值必須即時更新紙張預覽、紋理模擬、儀表、警告標籤與環境機械行為。系統應在極端參數組合下呈現富有玩心的事故狀態，例如猛烈的墨水綻放、重影字母、滑脫的字體、參差的纖維裂痕、滾筒顫動與飛濺的定位標記，同時維持構圖的可讀性。加入精簡的實驗日誌，記錄每次壓印及其參數。使用者必須能選取套色，透過拖曳控制桿完成具有說服力的弧線動作，觀看一段短暫但細節豐富的壓印循環，然後剝開紙張。動畫應包含控制桿阻力、機器震動、滾筒移動、紙張壓縮、飄浮塵埃、輕微燈光閃爍，以及揭曉前充滿懸念的停頓。遵循 prefers-reduced-motion。 讓復原與重做在字塊配置、旋轉、參數變更、印刷、套色與揭曉操作中真正運作。加入「重設」、「隨機事故」、「重新上墨」、「加入色版」、「復原」與「重做」控制項，以及一則在互動後消失的精簡入門提示。預先放置一張引人入勝、部分完成的海報，讓首次畫面具有豐富的視覺內容，但仍讓每個重要元素都可編輯。加入細微的類似聲音回饋的視覺效果，不得使用音訊資源。在可行的情況下使用具確定性的程序化紋理，確保復原操作能還原相同外觀。 整體體驗應帶有儀式感、手工感、緊張感與頑皮而難以完全控制的氣質，而不只是裝飾性的展示。優先打造精緻的互動細節、可信的參數耦合、層次豐富的程序化印刷痕跡、細膩的動畫節奏，以及出色的響應式構圖。使用語意化 HTML 與乾淨、結構良好的原生 JavaScript。最終回應只能包含完整且可執行的 HTML 文件。

建立一個完整、精緻的單檔互動式 HTML 網頁，標題為「Midnight Ramen Soundscape Theater」。只輸出最終 HTML 文件，所有 CSS 與 JavaScript 都必須內嵌其中。網頁必須能在現代瀏覽器中直接執行，不得需要建置步驟，也不得使用外部依賴、函式庫、字型、圖片、音訊檔案、CDN 資源、網路請求或連結資產。 打造一個位於超現實午夜拉麵店中的富有表現力的互動場景。核心物件是一束連續的彈性麵條，使用 Canvas、SVG，或兩者經過細緻整合的組合來呈現。麵條束應斜向穿越前景，並具有真實的觸感：使用者可用滑鼠或觸控在任意位置抓住它，拖曳、拉伸、甩動、將其折疊覆蓋自身，然後放開。實作令人信服的彈簧物理效果，包括慣性、阻尼、重力、多個相連的線段、碰撞反應與可見的次級運動。即使在激烈拖曳、快速改變方向、調整視窗大小或反覆互動時，也要維持模擬穩定。 沿著穿越構圖的弧線排列至少三個風格鮮明的拉麵碗與多種食材，圍繞斜向麵條創造強烈的視覺節奏。每個碗都應擁有獨特的湯底圖案、色彩識別、標籤與聲音特性。當麵條碰到或落入某個碗中時，觸發同步的視聽回應：透過 Web Audio API 合成獨特的打擊節拍、升起的蒸氣爆發、蔥綠色粒子噴濺、湯面漣漪、小水滴、網版印刷套色抖動，以及以樣式化文字而非外部字型建立的手寫日文風擬聲詞，例如「ZURU!」、「PON!」、「JUU!」或「BASHAN!」。碰撞強度必須影響音量、音高、粒子數量、漣漪大小、文字縮放比例與動畫力度。音訊只能在使用者第一次互動後開始，並加入清楚的靜音／取消靜音控制。 高潮視覺狀態應呈現一個定格畫面：麵條在空中被大幅拉伸，湯汁懸浮在即將潑濺之前。加入「FREEZE THE SPLASH」控制項與 Space 鍵來支援此狀態：進入凍結模式時，套用短促有力的轉場，暫停物理場景但保留其狀態，強調空中的水滴與麵條拉伸張力，顯示海報風格的動態大字，並保留細微的程序化線條閃爍，讓頁面仍然充滿生命力。再次按下 Space 或控制項即可無縫恢復。加入重設控制項、精簡的聲音狀態指示器，以及由近期碰撞驅動的克制型即時「節奏／衝擊」讀數。鍵盤控制必須在整合式小型說明面板中清楚呈現：Space 切換凍結、R 重設、M 靜音，方向鍵對麵條施加方向性衝量。 採用復古絲網印刷海報設計與程序化線條動畫的精緻混合風格。以深靛藍背景為主，並在拉麵碗與碰撞點周圍加入局部爐火般的暖色。使用分層專色——朱紅、薑黃、蔥綠、暖奶油色與近黑色——搭配半色調紋理、粗糙墨邊、輕微色彩套印偏移、醒目的圖像陰影與動畫輪廓線。整體應具有手工製作與舞台感，而非光滑或寫實。加入細微的環境蒸氣、閃爍的爐火光、漂移顆粒與移動線稿，但必須維持強烈對比與控制項的可讀性。避免通用的霓虹賽博龐克風格。 讓構圖能響應寬螢幕桌面、平板與行動裝置；這是一個網頁，不得強制使用固定 16:9 長寬比。流暢調整拉麵碗位置、排版、控制項、模擬邊界與觸控目標，不得裁切重要內容。使用指標事件統一處理滑鼠、手寫筆與觸控操作。只有在麵條正被操作時才阻止頁面捲動。遵循 prefers-reduced-motion，在維持核心互動功能的同時降低環境動畫。透過高效能粒子池或嚴格的粒子數量限制、requestAnimationFrame、考量 device-pixel-ratio 且設定合理解析度上限的渲染方式，以及可安全應對視窗調整的座標處理，維持流暢效能。 內容與完成度要求：加入具氛圍感的標題設計、一句簡短的互動邀請、三個以上有標籤的拉麵碗、多種視覺上各異的配料、符合情境的手寫音效文字、精緻的控制狀態、清楚的焦點樣式、無障礙按鈕標籤，以及在首次使用後淡出的不干擾互動提示。開場畫面在任何互動前就應像一張完成的收藏級海報，而啟用後則應變成充滿節奏感的互動玩具，具有多層次回饋與令人意外的湧現式動態。 負面限制：不得使用外部資產或依賴；不得使用圖片 URL；不得使用預錄音訊；不得使用框架；不得留下未完成的佔位內容；不得包含 TODO 註解；不得存在損壞的控制項；不得使用固定 16:9 Canvas；不得使用樸素的預設 UI；不得只使用通用漸層背景；不得以表情符號作為主要藝術元素；不得加入過多說明文字；不得自動播放音訊；不得讓粒子數量失控增長；不得使用會爆炸或產生 NaN 值的不穩定物理效果；不得只支援滑鼠互動；不得在單一完整 HTML 文件之外輸出任何內容。