↑ ↓ 或 滾輪切換頁面
世新大學 大三下專題

Cellules

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

台北 互動裝置 × 攝影 2026
概念

城市是活的

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

球體 — 核心

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

照片 — 末端

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

美術設計

視覺語彙

Cellules 視覺
為何選擇細胞

城市的記憶不是線性的,而是從一個核心向外增生——如同細胞分裂,每一段經驗都沿著路徑延展,在末梢凝結成一幀畫面。細胞是最接近記憶生長方式的結構。

三層距離結構

一座城市的記憶從大到小、從遠而近。遠景是輪廓,中景是場所,近景是細節——越近、越小的東西,才是記憶的本質。

冷調 中性 暖調
A — 三球切換
各自獨立,色溫區分
距離 遠 → 中 → 近
B — 同心三層
單球分層,距離激活
當前層 下一層
C — 核心過場
進入核心,切入下一球
攝影內容

三層距離

遠 — Far
輪廓
你還沒走進去,但你知道那是台北
斜張橋逆光剪影 仰拍高樓建築 河岸橋墩與釣客

城市的形狀。天際線、山與樓的交界、高架橋的弧線。色調偏冷、抽離,像一段還沒想起來的記憶。觀眾在球體最外層看到的東西——辨識得出是台北,但尚未產生情感。

中 — Mid
場所
你到了某個地方,但還沒聚焦在任何瞬間
街角招牌與行人 街上行人 俯瞰大廳人群

走進去的地方。巷弄的轉角、市場的入口、捷運月台的人群。有人的存在感,但不是特寫。記憶開始有溫度,畫面變得「可以走進去」。

近 — Close
細節
記憶真正住的地方
鐵窗衣架光影 鐵皮牆前盆栽 欄杆上的藤蔓與光

沒有全景、沒有地標,單獨看可能認不出是台北。但這正是記憶的本質——越私密、越小的碎片,反而越強烈。觀眾深入球體核心時,看到的是這些。

互動方式

體驗流程

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

左手
旋轉
食指與大拇指旋轉
控制球體的移動方向
右手
縮放
食指與大拇指捏合/張開
控制球體的縮放

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

軟體架構與流程

系統架構

Webcam 拍攝觀眾手勢 NDI MacBook Pro 接收影像 MediaPipe 解析雙手座標 MIDI Mac Mini 接收控制訊號 MediaPipe Monitor 手勢追蹤預覽 TouchDesigner 3D 球體渲染・互動邏輯 HDMI MSI 主要輸出

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

展台配置

空間規劃

Webcam 腳架架設 MSI 主螢幕 主要輸出 Mac Mini MacBook Pro MediaPipe Monitor 觀眾 1 – 1.5 m
Webcam
腳架架設
MSI 主螢幕
主要輸出
MacBook Pro
MediaPipe Monitor
Mac Mini
觀眾
1 – 1.5 m

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

時程安排

製作排程

4/1 – 4/14
概念定案與技術驗證
確認視覺風格,MediaPipe → MIDI → TouchDesigner 通路測試
4/15 – 5/15
核心開發
TouchDesigner 球體建構、照片節點佈局、手勢互動邏輯
5/15 – 5/20
視覺打磨
粒子效果、絲線動態、光影氛圍調整
5/20 – 5/30
影片拍攝及製作
錄製一分鐘互動紀錄影片,後期剪輯
6/1 – 6/5
軟硬體整合測試與展場設計
全系統聯調、展台組裝、現場燈光測試
6/11
展演