午夜的美術館裡沒有地圖，也沒有目標。十三扇即時渲染的畫框，每一幅都是通往另一種畫風的窗——走近、穿過，就站在畫的裡面。以 React Three Fiber 與自製著色器框架打造，二十八個測試檔守著每一次傳送。
現已上線——點上方連結，親自走進每一幅畫。
十二重六邊形以固定角度旋轉、逐幀疊加兩百次，線與線交織成一枚不斷生長的環。此處為即時重新演算——每次「重新生成」都給你一件未曾存在過的版本。
下方畫布正在逐幀繪製；按鈕可重擲亂數種子。
一座無字的第一人稱城市。它安靜觀察你的移動、推測你的偏好，然後把自己一磚一瓦重建成你的樣子——直到終局揭曉：這座城市，其實是一幅你的肖像。全程序生成，沒有一個外部模型。
現已上線——走幾步，看它把自己重寫成你的樣子。
許多柔邊的漸層方塊逐步疊放，邊界互相滲染，長出一片絨毛般的色場。原作以非同步方式一筆一筆生長，這裡保留那份慢慢浮現的手感。
畫面會由淡到濃緩緩成形；可重新生成新的配色。
以 R（httr / jsonlite / rvest / chromote）爬取 DDCAR 電動車媒體的報導內容，透過 jiebaR 斷詞與 NLP 關鍵詞分析，量化十二個品牌在媒體中的聲量分布。右側圖表即分析結果的一角。
別急著走。這裡有四局——猜個數字、記條路徑、學手開局，再開著小車去送一趟貨。
路徑記憶與字母記憶兩款 · 記住、心算，再畫出來
內建 negamax AI 對手與失誤攔截教練 · 10 種經典開局
把一門難學的手藝拆成關卡，陪你從頭走到底。四件教學型互動作品，都用真實資料與真實題目。
六章、十七條分析步驟，從一根 K 線讀起。時光機把真實歷史股價匿名回放——不能靠記憶，只能靠分析；走完，你手上就有一套自己的分析框架。
以辦案的方式走完資料、洞察、預測、決策的完整價值鏈。每個案子都用真實資料——1912 年鐵達尼號的殘缺名單、九〇年代餐廳的兩百多張帳單——協助逐關遞減，直到你能獨當一面。
別再不知道從哪下筆。五種練習從色階暖身到完整流程，拖著光源看明暗怎麼變，再用三個色階逼自己先看大塊——練會「先大後小、先暗後亮」。
會下棋，卻沒下完過一整局？從第一手帶到數地，先走完一次全程，再分別練開局與終局——關邊界、收單官、標死棋，學會怎麼把一盤棋好好結束。
作品之外，也造工具。六件近期的軟體專案，從可直接試用的網頁工具，到全端、原生桌面與建築提案。
為搶票而生的不眠哨兵。雲端常駐的輕探針以頁面指紋監看售票頁，偵測到變動才喚醒無頭瀏覽器重新確認——票一釋出，推播先到你手上。
Next.js · Playwright · SQLite · Web Push · Docker
把每日研究、持倉監控與決策日誌收攏成一個介面。行情自建多層回退鏈，來源失效時自動切換備援；AI 只做反方壓力測試，不做預言。
TypeScript · Next.js · SQLite · Claude API · Vitest
看到 IG 上想去的店，卻懶得一家家查地址？貼上貼文或影片文案，它替你抓出店名、地址與電話，整理成一份可直接導航的地圖清單。
網頁工具 · 文案解析 · 地圖整合
長按拖曳，把一筆金額平均分給多人。以「分」為單位精算餘數，總和永遠對得上；可安裝到手機、離線使用。
React · Vite · Tailwind CSS · PWA
把 PDF、圖片與影片壓縮到你指定的大小。以品質階梯與抽樣預估演算法，在畫質與體積之間，安靜找到剛剛好的那一格。
Swift · SwiftUI · PDFKit · AVFoundation
一戶 232 平方公尺頂樓住宅的完整技術設計——把十個房間、材質與燈光拆解到公尺與 Kelvin，並以 Blender Python 腳本自動生成建築量體。可走進去的 Three.js 展廳，是下一步。
Blender · Python · 技術設計文件 · Three.js（規劃中）
未被編號、卻同樣喜歡的一些輸出。橫向滑動瀏覽。
一個喜歡躺著、
享受美食的靈魂。
我是郭貞妤，政大的學生。日常在資料分析、生成藝術與前端開發之間來回——用 R 讀懂一堆文字裡的聲量，用 p5.js 讓亂數長成一件作品，再把它們接進網頁裡。
安靜地做，慢慢地長。這座小小的線上美術館，就是把這幾件事放在一起的地方。
