Cellules (running)

Concept

Cellules — 小房間，也是生命最小的單元。一座城市的記憶，如何在指尖生長。

這是一件結合互動裝置與攝影的專題作品。觀眾站在螢幕前，透過雙手即時控制一顆不斷呼吸的 3D 球體，每條從球體延伸出的絲線末端，連結著一張台北的街拍攝影。

互動裝置攝影 TouchDesigner MediaPipe 手勢追蹤台北世新大學

Visual Direction

城市是活的

城市不是被記住的，是長出來的。每一段記憶都是從核心向外延伸的觸手，連結著一幀畫面、一個片刻。

球體 — 核心

一顆不斷呼吸的細胞，從中心向外延展出無數條絲線。每條絲線是一段記憶的路徑，球體本身是城市的意識，是所有記憶匯聚之處。

照片 — 末端

每條絲線的盡頭連結著一張攝影作品。觀眾以手勢旋轉、靠近，喚醒散落在有機體表面的台北記憶。

Interaction

觀眾站在螢幕前，攝影機偵測雙手，即時驅動畫面。

左手 — 旋轉

食指與大拇指旋轉，控制球體的移動方向。

右手 — 縮放

食指與大拇指捏合／張開，控制球體的縮放。

觀眾靠近 → 球體微微呼吸反應 → 雙手進入畫面 → 開始操控。無需任何文字指引，互動行為直覺且自然。

Architecture

手機作為 Webcam 透過 NDI 無線傳輸至 MacBook Pro，MediaPipe 解析手勢座標後，左支線以 MIDI 訊號驅動 Mac Mini 上的 TouchDesigner 進行即時渲染，右支線輸出手勢追蹤預覽供現場監控。

Exhibition

桌面左側放置 MSI 主螢幕與 Mac Mini（藏於螢幕下方），右側放置 MacBook Pro 作為 MediaPipe 監控畫面。Webcam 以腳架架設於桌子左前方，觀眾站立於約 1–1.5m 處即可開始互動。

Timeline

4/1 – 4/14

概念定案與技術驗證 — MediaPipe → MIDI → TouchDesigner 通路測試

4/15 – 4/28

攝影採集 — 台北街拍取材，篩選 40–60 張用於球體節點

4/29 – 5/19

核心開發 — TouchDesigner 球體建構、照片節點佈局、手勢互動邏輯

5/20 – 5/26

視覺打磨 — 粒子效果、絲線動態、光影氛圍調整

5/27 – 5/31

影片製作 — 錄製一分鐘互動紀錄影片，後期剪輯

6/1 – 6/8

整合測試與展場架設 — 全系統聯調、展台組裝、現場燈光測試

Tools

TouchDesigner — 3D 球體渲染・互動邏輯
MediaPipe — 手部骨架追蹤
NDI — 影像無線串流
MIDI — 控制訊號傳輸

Team

視覺設計 / 軟硬體架構 / 現場執行 — kk
攝影 — 皞皞