WORK / 01—07

所有作品

從實體互動與軟硬整合，到 Web、生成式 AI 與 Creative Coding。

Physical Interaction / 02

實體互動與軟硬整合

Nooka 桌上型互動隔板的產品情境

OpenHCI '26 · Physical Interaction

Nooka

讓使用者在固定座位上，重新掌握專注、休息與被打擾的邊界。

硬體實作 · 燈光控制 · 手機端控制

多模組化救災探勘載具專案

MakeNTU 2026 · IoT System

多模組化救災探勘載具

讓救災人員在不進入高風險區域的情況下，感知環境並操作任務模組。

IoT 監控 · 車體與模組電控 · 結構設計

Web & AI / 05

數位產品、生成式 AI 與 Creative Coding

Soul Atelier 專案封面

Web App · AI Interaction

Soul Atelier

融合 3D 互動視覺與生成式 AI 的人格探索體驗。

React · R3F · Gemini

Pixel Art Generator 專案封面

Creative Tool · Web

Pixel Art Generator

支援像素化、手繪編輯、專案儲存與 PNG 匯出的線上創作工具。

React · Canvas · TypeScript

R3F Practice 專案封面

3D Web · Experiment

R3F Practice

將自製 3D 模型帶進瀏覽器，探索物件、鏡頭與互動的關係。

R3F · Three.js · 3D Modeling

Co-Canvas AI 對話與視覺化節點畫布

AI Collaboration · Visual Thinking

Co-Canvas

把 AI 對話轉化成可選擇、編輯與連結的視覺節點，讓思考脈絡留在畫布上。

React · FastAPI · Gemini · Neon

Creative Coding Sketchbook 生成藝術作品合集

Creative Coding · Generative Art

Creative Coding Sketchbook

以規則、隨機性與影像處理持續探索圖樣、流動與數位敘事的生成式創作合集。

p5.js · JavaScript · OpenProcessing