CHE-YU WU / LAB



# 一年的創作現場



沿著聲音、記憶與教學，走進這一年持續發生的實驗。

2018-09-09 — 2019-09-09
38 筆公開紀錄



紅線：來源關聯 麻線：共同主題 移到紙上看關係名稱

[完整紀錄 ↓](https://cheyuwu.com/zh/lab/2019/#lab-records)



****案件紀錄**2018-09-09 / 2019-09-0938 筆



這裡依月份往下讀，每張卡下面的小標是它的關係，點一下會跳到另一筆紀錄



### 2018 · 09



**
- 
- 
- 
- 
-



**
- 
*線上課程*



**
![](https://cheyuwu.com/static/img/mirror/2d114f557fa3.jpg)

- 
*介面*



### 2018 · 10



**
- 
- 
*介面*



**
- 
- 
*生成音樂*



**
- 
- 
- 
- 
*生成音樂*



**
- 
- 
*開源*



**
![](https://cheyuwu.com/static/img/mirror/a30e44db2a00.jpg)

-



**
![](https://cheyuwu.com/static/img/mirror/e4e19082a628.jpg)



### 2018 · 11



**
![](https://cheyuwu.com/static/img/mirror/3dc8405550e4.jpg)

-



### 2018 · 12



**
![](https://cheyuwu.com/static/img/mirror/cf1619f11205.jpg)

- 
*水彩*



***穿戴*



**
- 
*助教*



**
![](https://cheyuwu.com/static/img/articles/2018-media-theory-final/fig-01-dynamic-vs-static.jpg)

-



### 2019 · 01



**



**
- 
*開源*



### 2019 · 02



**
- 
*演講*



**
- 
*VR*



**
![](https://firebasestorage.googleapis.com/v0/b/wucheyu-portfolio.appspot.com/o/images%2FGoogle%20Internship%20Design%20Practice%2Fcover.jpg?alt=media&token=2cbd685b-c646-4ec1-9cb1-ac3765862537)



**
- 
*影像*



**
- 
- 
*Unreal*



**
- 
-



**
![](https://kyoko.openprocessing.org/thumbnails/visualThumbnail676343@2x.jpg?hash=2019-02-27%2023%3A34%3A15)
*宇宙*



### 2019 · 03



**
-



**
![](https://cheyuwu.com/static/img/covers/codepen-rjxgox.webp)

- 
*生成音樂*



**
- 
*GPS*



***開源*



**
- 
- 
*敘事*



**
-



**
![](https://firebasestorage.googleapis.com/v0/b/wucheyu-portfolio.appspot.com/o/images%2FSong%20of%20Distances%2Fcover.jpg?alt=media&token=dd121e1d-ea75-418a-904c-3bc6e298732f)

- 
-



### 2019 · 04



**
![](https://firebasestorage.googleapis.com/v0/b/wucheyu-portfolio.appspot.com/o/images%2FNet%20Device%20-%20The%20Gambling%20Lamp%2Fcover.jpg?alt=media&token=987a29f9-8929-43fd-af72-0c6042266614)

-



**
![](https://cheyuwu.com/static/img/mirror/e4d46c10a2bf.jpg)



**
- 
-



**
- 
*Max*



### 2019 · 05



**
![](https://firebasestorage.googleapis.com/v0/b/wucheyu-portfolio.appspot.com/o/images%2FFloating%20in%20the%20sky%20-%20VR%20experience%2Fcover.jpg?alt=media&token=859951c9-44ed-42d6-90ca-5628ecfca3e7)

- 
- 
*VR*



**
- 
*教材*



**
![](https://cheyuwu.com/static/img/mirror/2bc2fb56ce01.jpg)



### 2019 · 08



**
- 
*VR*



![](https://cheyuwu.com/static/img/mirror/08250f9b3604.jpg)

![](https://cheyuwu.com/static/img/sketches/923989-sm.webp)

![](https://cheyuwu.com/static/img/mirror/1239323070da.jpg)

![](https://cheyuwu.com/static/img/sketches/1635740-sm.webp)

![](https://cheyuwu.com/static/img/sketches/1615617-sm.webp)

![](https://cheyuwu.com/static/img/mirror/39bad087e6fd.jpg)

![](https://cheyuwu.com/static/img/mirror/0c23aeb30692.jpg)

![](https://cheyuwu.com/static/img/sketches/925596-sm.webp)
創作族譜**818 件每日創作，怎麼一件長出一件**46 個家族畫成有縮圖的分支樹，從 2018 到 2026→

[https://cheyuwu.com/zh/lineage](https://cheyuwu.com/zh/lineage)



完整紀錄



## 逐一閱讀



每筆紀錄保留日期依據、公開來源與關係說明。



2018-09履歷只記到月份，起始日待核。已公開



### NYU IDM 研究助理任期開始



官網履歷把 NYU IDM 研究助理的任期記為 2018 年 9 月到 2020 年 5 月，同一份履歷把整合數位媒體碩士記為 2018 到 2020 年。這一年他同時是學生與助教，Creative Coding 的課堂示範也因此留在他的公開程式集裡，標題前面帶著 TA 兩個字。


- 助教
- NYU IDM


來源與相關紀錄


- [前往原始頁面 ↗](https://cheyuwu.com/zh/cv/)
- [cheyuwu.com 履歷](https://cheyuwu.com/zh/cv/)
- [OpenProcessing 帳號](https://openprocessing.org/user/139364)

- [在紐約大學讀研當助教的進化日誌](https://cheyuwu.com/zh/lab/2019/#lab-medium-nyu-ta-diary) · 這份工作的第一學期紀錄 (策展主題)
- [釀造一門結合網頁、設計、數學與特效的線上程式課程](https://cheyuwu.com/zh/lab/2019/#lab-medium-course-brewing) · 製課經驗接著被帶進 NYU 的助教工作 (策展主題)
- [北風與太陽（2018/12/7）](https://cheyuwu.com/zh/lab/2019/#lab-sketch-641437) · 標題帶 TA 的示範作品之一 (策展主題)
- [賭博檯燈：用骰子與電腦視覺決定亮度](https://cheyuwu.com/zh/lab/2019/#lab-gambling-lamp) · 同一學期 Net Devices 課的課堂作品 (策展主題)
- [CreativeCoding_IDM_2019：助教課的教材倉庫](https://cheyuwu.com/zh/lab/2019/#lab-repo-creativecoding-idm-2019) · 助教工作留下的公開材料 (策展主題)



2018-09-20官網文章頁把寫作期記為 2018 年 8 月，此處採 Medium 的發布日 2018 年 9 月 20 日，剛好落在本年窗口開頭。已公開



### 釀造一門結合網頁、設計、數學與特效的線上程式課程



回顧 Hahow 第二門課《動態互動網頁特效入門》整整一年的製課過程。官網文章頁列出 3,085 分鐘課程、60 多個範例與 400 多張投影片，並記下它當時成為 Hahow 上最長的一門課，Medium 原文累積 4.2k claps。


- 線上課程
- 製課


來源與相關紀錄


- [前往原始頁面 ↗](https://cheyuwu.com/zh/writing/2018-effects-course-brewing/)
- [cheyuwu.com](https://cheyuwu.com/zh/writing/2018-effects-course-brewing/)
- [Medium 原文](https://medium.com/%E8%80%81%E9%97%86%E4%BE%86%E9%BB%9E%E5%AF%87%E6%B1%80%E5%90%A7/%E9%87%80%E9%80%A0%E4%B8%80%E9%96%80%E7%B5%90%E5%90%88%E7%B6%B2%E9%A0%81-%E8%A8%AD%E8%A8%88-%E6%95%B8%E5%AD%B8%E8%88%87%E7%89%B9%E6%95%88%E7%9A%84%E7%B7%9A%E4%B8%8A%E7%A8%8B%E5%BC%8F%E8%AA%B2%E7%A8%8B-cef5d998c707)

- [NYU IDM 研究助理任期開始](https://cheyuwu.com/zh/lab/2019/#lab-nyu-idm-research-assistant) · 製課經驗接著被帶進 NYU 的助教工作 (策展主題)



2018-09-29已公開



### FUI 數據點（2018/9/29）



官網實驗頁把這支標為 FUI 數據點，日期 2018/9/29，OpenProcessing 上的原名是 FUI - DataPoints。研究筆記寫這支練習花了三小時：數值超過門檻就變紅，超過八十會冒出危險警示圈，半透明線條負責強調結構，再加上一些閃動跳號的數字表示系統狀態。


- 介面
- p5.js


![FUI 數據點｜程式作品截圖](https://cheyuwu.com/static/img/mirror/2d114f557fa3.jpg)


Che-Yu Wu / OpenProcessing



來源與相關紀錄


- [前往原始頁面 ↗](https://cheyuwu.com/zh/sketch/598254/)
- [cheyuwu.com](https://cheyuwu.com/zh/sketch/598254/)
- [OpenProcessing](https://openprocessing.org/sketch/598254)

- [幻想使用者介面：NYU IDM 研究筆記](https://cheyuwu.com/zh/lab/2019/#lab-research-fantasy-ui) · 這支練習就寫在那則 FUI 筆記的結尾 (來源關聯)



2018-10-02已公開



### 幻想使用者介面：NYU IDM 研究筆記



官網研究頁把這則筆記標日 2018/10/2。筆記從日本動畫《Psycho-Pass》裡的介面談起，整理 Ash Thorp、Jayse Hansen 與 Bradley G Munkowitz 三位科幻電影介面設計者的作法，並提到設計者會去翻飛行員手冊來決定畫面上要量測與分析什麼資料。最後他記下自己用 p5.js 做了三小時的 FUI 練習。


- 介面
- 研究筆記


來源與相關紀錄


- [前往原始頁面 ↗](https://cheyuwu.com/zh/research/)
- [cheyuwu.com](https://cheyuwu.com/zh/research/)

- [FUI 數據點（2018/9/29）](https://cheyuwu.com/zh/lab/2019/#lab-sketch-598254) · 這支練習就寫在那則 FUI 筆記的結尾 (來源關聯)
- [數位時代的資訊理論演化：Media Theory D 期末論文](https://cheyuwu.com/zh/lab/2019/#lab-essay-information-theory) · 同一學期的 NYU IDM 研究與寫作 (策展主題)



2018-10-09日期取官網實驗頁所標，CodePen 頁面未提供可核對的建立日期。已公開



### 生成音樂矩陣（2018/10/9）



官網實驗頁把這支標為生成音樂矩陣，日期 2018/10/9，作品保存在 CodePen。研究筆記描述它讓每顆粒子帶有各自的觸發週期，並在雜訊與正弦波上加 ADSR 包絡做出鼓聲。


- 生成音樂
- CodePen


來源與相關紀錄


- [前往原始頁面 ↗](https://cheyuwu.com/zh/work/codepen-pypzez/)
- [cheyuwu.com](https://cheyuwu.com/zh/work/codepen-pypzez/)
- [CodePen](https://codepen.io/frank890417/pen/PypZeZ)

- [生成音頻研究與實驗：NYU IDM 研究筆記](https://cheyuwu.com/zh/lab/2019/#lab-research-generative-audio) · 研究筆記直接嵌入這支 (來源關聯)
- [擺鐘生成音頻（2019/3/7）](https://cheyuwu.com/zh/lab/2019/#lab-codepen-pendulum-audio) · 同一批保存在 CodePen 的生成音樂實驗 (策展主題)



2018-10-09已公開



### 生成音頻研究與實驗：NYU IDM 研究筆記



官網研究頁把這則筆記標日 2018/10/9。他先寫下出國前拜訪生成音頻藝術家齊博皓的經驗，接著讀 teropa 的互動文章，把 Music for Airports 的虛擬轉盤、Terry Riley《In C》的 53 個片段與規則、以及把維基百科編輯行為聲化的 Listen to Wikipedia 三個例子拆開講。筆記末端嵌入他自己接著做的兩支實驗：音樂弦與音樂矩陣。


- 生成音樂
- 研究筆記


來源與相關紀錄


- [前往原始頁面 ↗](https://cheyuwu.com/zh/research/)
- [cheyuwu.com](https://cheyuwu.com/zh/research/)

- [生成音樂矩陣（2018/10/9）](https://cheyuwu.com/zh/lab/2019/#lab-codepen-music-matrix) · 研究筆記直接嵌入這支 (來源關聯)
- [生成音樂弦（2018/10/21）](https://cheyuwu.com/zh/lab/2019/#lab-sketch-611472) · 筆記嵌入這支生成音樂弦 (來源關聯)
- [生成音樂系統的現代網頁互動：Live Code Lab 演講](https://cheyuwu.com/zh/lab/2019/#lab-live-code-lab-nyu) · 同一條網頁生成音樂的線，四個月後上台講 (策展主題)
- [Video Art 第七週：用 Max 讓生成音樂驅動影像](https://cheyuwu.com/zh/lab/2019/#lab-wp-video-art-max) · 半年前那則生成音頻筆記的實作延伸 (策展主題)



2018-10-12採用 GitHub 倉庫的建立日期。已公開



### SocketMaxBridge：讓 Max/MSP 聽得到 socket.io



公開在 GitHub 的 Node.js 小工具。倉庫說明寫的是把 Max/MSP 監聽的 UDP 埠接到特定的 socket.io 伺服器，目標伺服器改 config.json 即可，安裝步驟只有裝 Node 與 npm、clone、npm start 三步。倉庫裡另有處理位元轉換與 OSC 的檔案，頁面未列出授權條款。


- 開源
- OSC


來源與相關紀錄


- [前往原始頁面 ↗](https://github.com/frank890417/SocketMaxBridge)
- [GitHub](https://github.com/frank890417/SocketMaxBridge)

- [荒物聲響裝置展：大稻埕的日常器物變成樂器](https://cheyuwu.com/zh/lab/2019/#lab-aramono-sound-exhibition) · 同一套手機與 Max 之間的訊號橋 (策展主題)
- [Socket-OSC-Server：工作坊用的訊號轉送伺服器](https://cheyuwu.com/zh/lab/2019/#lab-repo-socket-osc-server) · 同一條 socket 與 OSC 的工具線 (策展主題)



2018-10-21官網實驗頁標 2018/10/21，OpenProcessing 的建立時間是 2018-10-22 深夜，兩者差一天。已公開



### 生成音樂弦（2018/10/21）



官網實驗頁把這支標為生成音樂弦，日期 2018/10/21。研究筆記把它描述為粒子撞擊發聲的音樂弦，是他讀完生成音樂文章之後做的第一支實驗，也是官網研究頁可以直接載入執行的嵌入作品。


- 生成音樂
- 粒子


![生成音樂弦｜程式作品截圖](https://cheyuwu.com/static/img/mirror/a30e44db2a00.jpg)


Che-Yu Wu / OpenProcessing



來源與相關紀錄


- [前往原始頁面 ↗](https://cheyuwu.com/zh/sketch/611472/)
- [cheyuwu.com](https://cheyuwu.com/zh/sketch/611472/)
- [OpenProcessing](https://openprocessing.org/sketch/611472)

- [生成音頻研究與實驗：NYU IDM 研究筆記](https://cheyuwu.com/zh/lab/2019/#lab-research-generative-audio) · 筆記嵌入這支生成音樂弦 (來源關聯)



2018-10-28官網實驗頁標 2018/10/28，OpenProcessing 的建立時間是 2018-10-29 凌晨，兩者差一天。已公開



### 繪圖機（2018/10/28）



官網實驗頁把這支標為繪圖機，日期 2018/10/28，OpenProcessing 上的原名是 color drawing machine。作品頁沒有附說明文字，可以直接在瀏覽器裡載入執行。


- 繪圖
- p5.js


![繪圖機｜程式作品截圖](https://cheyuwu.com/static/img/mirror/e4e19082a628.jpg)


Che-Yu Wu / OpenProcessing



來源與相關紀錄


- [前往原始頁面 ↗](https://cheyuwu.com/zh/sketch/616561/)
- [cheyuwu.com](https://cheyuwu.com/zh/sketch/616561/)
- [OpenProcessing](https://openprocessing.org/sketch/616561)



2018-11-08作品頁記的是 2018/11/8，紀錄影片的上傳日也是同一天，而頁面另處把展期寫成 10.15 到 11.12。作品頁上那條大稻埕國際藝術節的節目連結現在已經失效。已公開活動紀錄



### 荒物聲響裝置展：大稻埕的日常器物變成樂器



與大稻埕的地衣荒物合作的聲響裝置展，官網作品頁記日 2018/11/8，製作單位寫的是 Earthing Way X Zone Sound，展期 10.15 到 11.12，單場約 120 分鐘。核心做法是把日常器物透過訊號轉成樂器，觀眾掃 QR code 打開網頁，用手機控制硬體，同時得到聲音回饋與可見的機械運動。他負責 UI 設計、socket 系統設計與技術支援。


- 聲響裝置
- 日常器物


![荒物聲響裝置展｜作品頁主視覺](https://cheyuwu.com/static/img/mirror/3dc8405550e4.jpg)


Che-Yu Wu



來源與相關紀錄


- [前往原始頁面 ↗](https://cheyuwu.com/zh/project/-M0nSTp9JtVwu3b4e8AW/)
- [cheyuwu.com](https://cheyuwu.com/zh/project/-M0nSTp9JtVwu3b4e8AW/)
- [AROMONO Interactive Performance 紀錄影片](https://www.youtube.com/watch?v=66_Bjj2YHC8)

- [SocketMaxBridge：讓 Max/MSP 聽得到 socket.io](https://cheyuwu.com/zh/lab/2019/#lab-repo-socket-max-bridge) · 同一套手機與 Max 之間的訊號橋 (策展主題)



2018-12-07官網實驗頁的標題與 OpenProcessing 上的原名不同，日期兩邊一致。已公開



### 北風與太陽（2018/12/7）



官網實驗頁把這支標為北風與太陽，日期 2018/12/7，OpenProcessing 上的原名是 [TA] water color，標題前面的 TA 兩個字說明它同時是助教課堂上的示範。作品頁沒有附說明文字。


- 水彩
- 教學示範


![北風與太陽｜程式作品截圖](https://cheyuwu.com/static/img/mirror/cf1619f11205.jpg)


Che-Yu Wu / OpenProcessing



來源與相關紀錄


- [前往原始頁面 ↗](https://cheyuwu.com/zh/sketch/641437/)
- [cheyuwu.com](https://cheyuwu.com/zh/sketch/641437/)
- [OpenProcessing](https://openprocessing.org/sketch/641437)

- [NYU IDM 研究助理任期開始](https://cheyuwu.com/zh/lab/2019/#lab-nyu-idm-research-assistant) · 標題帶 TA 的示範作品之一 (策展主題)



2018-12-13採用 GitHub 倉庫的建立日期。倉庫說明只有一行標題，作品內容待核。已公開



### Accapella_Jacket：一支 Python 檔的穿戴實驗倉庫



公開在 GitHub 的倉庫，建立於 2018 年 12 月 13 日，內容只有一支 index.py 與一份僅寫著倉庫名稱的說明檔，語言標示為 Python。頁面未列出授權條款，也沒有任何說明文字可以判斷作品的實際樣貌。


- 穿戴
- 開源


來源與相關紀錄


- [前往原始頁面 ↗](https://github.com/frank890417/Accapella_Jacket)
- [GitHub](https://github.com/frank890417/Accapella_Jacket)



2018-12-21已公開



### 在紐約大學讀研當助教的進化日誌



NYU IDM 第一學期當系上助教的整理。官網文章頁寫著他先投 IT 部門的 UX Designer 職缺沒有回音，轉投自己系上的研究助理，一個學期帶 40 多位學生，過程中自建預約制、助教日誌、週報、罐頭信模板與成效分析。Medium 原文累積 2.5k claps。


- 助教
- 教學系統


來源與相關紀錄


- [前往原始頁面 ↗](https://cheyuwu.com/zh/writing/2018-nyu-ta-evolution/)
- [cheyuwu.com](https://cheyuwu.com/zh/writing/2018-nyu-ta-evolution/)
- [Medium 原文](https://medium.com/%E8%80%81%E9%97%86%E4%BE%86%E9%BB%9E%E5%AF%87%E6%B1%80%E5%90%A7/%E5%9C%A8%E7%B4%90%E7%B4%84%E5%A4%A7%E5%AD%B8%E8%AE%80%E7%A0%94%E7%95%B6%E5%8A%A9%E6%95%99%E7%9A%84%E9%80%B2%E5%8C%96%E6%97%A5%E8%AA%8C-b5f0d604201a)

- [NYU IDM 研究助理任期開始](https://cheyuwu.com/zh/lab/2019/#lab-nyu-idm-research-assistant) · 這份工作的第一學期紀錄 (策展主題)



2018-12-22已公開



### 數位時代的資訊理論演化：Media Theory D 期末論文



NYU IDM Media Theory D 的期末論文，官網研究頁把日期記為 2018/12/22。文章從石壁上的刻畫寫到維納的《控制論》與香農的資訊理論，追問資訊在不同接收者與媒介之間是否還保持同一件事，以及網際網路如何改變人處理與解釋訊號的方式。官網同時放上完整 PDF 與十張自繪圖解。


- 資訊理論
- 媒體理論


![數位時代的資訊理論演化｜論文自繪圖解之一](https://cheyuwu.com/static/img/articles/2018-media-theory-final/fig-01-dynamic-vs-static.jpg)


Che-Yu Wu



來源與相關紀錄


- [前往原始頁面 ↗](https://cheyuwu.com/zh/writing/2018-media-theory-final/)
- [cheyuwu.com](https://cheyuwu.com/zh/writing/2018-media-theory-final/)
- [論文 PDF](https://cheyuwu.com/static/The%20evolution%20of%20information%20theory%20in%20the%20digital%20era%20(Final%20Essay%20%7C%20Media%20theory%20D%20%7C%20Che-Yu%20Wu).pdf)

- [幻想使用者介面：NYU IDM 研究筆記](https://cheyuwu.com/zh/lab/2019/#lab-research-fantasy-ui) · 同一學期的 NYU IDM 研究與寫作 (策展主題)



2019-01-05採用 GitHub 倉庫的建立日期。已公開



### PlantSay：節點式的知識管理原型



公開在 GitHub 的 Nuxt.js 專案，倉庫說明寫的是 Node-based Knowledge Management，也就是用節點來組織知識。倉庫裡有 components、layouts、middleware、pages 與部署腳本，語言以 Vue 為主。頁面未列出授權條款。


- 知識管理
- 開源


來源與相關紀錄


- [前往原始頁面 ↗](https://github.com/frank890417/PlantSay)
- [GitHub](https://github.com/frank890417/PlantSay)



2019-01-31採用 GitHub 倉庫的建立日期。倉庫沒有說明檔，用途由檔名推得，實際使用場合待核。已公開



### Socket-OSC-Server：工作坊用的訊號轉送伺服器



公開在 GitHub 的 Node.js 倉庫，沒有說明檔。檔案有 socketio.js 與 workshopIndex.js，從命名看得出它同時處理 socket 連線與工作坊現場的入口頁。頁面未列出授權條款。


- 開源
- 工作坊


來源與相關紀錄


- [前往原始頁面 ↗](https://github.com/frank890417/Socket-OSC-Server)
- [GitHub](https://github.com/frank890417/Socket-OSC-Server)

- [SocketMaxBridge：讓 Max/MSP 聽得到 socket.io](https://cheyuwu.com/zh/lab/2019/#lab-repo-socket-max-bridge) · 同一條 socket 與 OSC 的工具線 (策展主題)



2019-02-02官網履歷只記到 2019 年與 Live Code NYC，確切日期與場地取自主辦方 Monthly Music Hackathon NYC 的活動回顧頁。已公開活動紀錄



### 生成音樂系統的現代網頁互動：Live Code Lab 演講



Monthly Music Hackathon NYC 的 Live Code Lab，在 NYU Tandon 整合數位媒體系舉辦。主辦方的活動回顧寫下他現場示範如何用 Web Audio API、Firebase 與物理模擬，把觀眾參與帶進即時編寫程式的演出，現場觀眾透過 API 一起演奏，其中一位還讓自己的手機用晃動去彈那個線上樂器。同場講者包括 Kate Sicchio、Char Stiles 與 Jessica Garson。


- 演講
- 即時編碼


來源與相關紀錄


- [前往原始頁面 ↗](https://monthlymusichackathon.org/post/183904707222/live-code-lab-recap-resources)
- [Monthly Music Hackathon NYC 活動回顧](https://monthlymusichackathon.org/post/183904707222/live-code-lab-recap-resources)
- [cheyuwu.com 履歷](https://cheyuwu.com/zh/cv/)

- [生成音頻研究與實驗：NYU IDM 研究筆記](https://cheyuwu.com/zh/lab/2019/#lab-research-generative-audio) · 同一條網頁生成音樂的線，四個月後上台講 (策展主題)



2019-02-04已公開



### Narrative VR 第一週：第一次 VR 體驗



Narrative VR 課的第一篇週記。他寫下這學期開始修這門課，也寫下自己一直想做跟音樂、藝術與生成作品有關的 VR。後半逐件寫他試過的《Henry》、《VR Showdown》、《Dear Angelica》、Google Earth VR 與 Tilt Brush，並比較哪幾支有故事、哪幾支只剩下技術的震撼。


- VR
- 課程週記


來源與相關紀錄


- [前往原始頁面 ↗](https://cheyuwu.wordpress.com/2019/02/04/week-1-my-first-vr-experience-20190204/)
- [cheyuwu.wordpress.com](https://cheyuwu.wordpress.com/2019/02/04/week-1-my-first-vr-experience-20190204/)

- [Narrative VR 第二週：第一個 Unreal VR 場景](https://cheyuwu.com/zh/lab/2019/#lab-wp-vr-week2-unreal) · 同一門 Narrative VR 課的下一週 (來源關聯)



2019-02-10採用作品頁標示的日期，頁面沒有說明文字，內容細節待核。已公開



### Google 實習設計練習（2019/2/10）



官網作品頁記日 2019/2/10，分類寫的是 UI/UX 與視覺，頁面只有一張圖，沒有說明文字。標題顯示它是為 Google 實習申請做的設計練習。


- 介面設計
- 練習


![Google 實習設計練習｜作品頁主視覺](https://firebasestorage.googleapis.com/v0/b/wucheyu-portfolio.appspot.com/o/images%2FGoogle%20Internship%20Design%20Practice%2Fcover.jpg?alt=media&token=2cbd685b-c646-4ec1-9cb1-ac3765862537)


Che-Yu Wu



來源與相關紀錄


- [前往原始頁面 ↗](https://cheyuwu.com/zh/project/-Ld2JGQU0ck2XkVj1r6C/)
- [cheyuwu.com](https://cheyuwu.com/zh/project/-Ld2JGQU0ck2XkVj1r6C/)



2019-02-15已公開



### Video Art 第二週：綠幕合成



Video Art 課的綠幕練習週記。小組拍了一個巨人抓起小人、玩弄他最後吃掉他的短片。他寫下自己大量使用時間重映射來對齊巨人與小人的動作，把巨人拆成兩層讓手指能擋在小人前面，也寫下綠幕太小導致演員動作超出邊界被裁掉、以及現場光太暗使去背結果帶雜訊。


- 影像
- 課程週記


來源與相關紀錄


- [前往原始頁面 ↗](https://cheyuwu.wordpress.com/2019/02/15/video-art-week-2/)
- [cheyuwu.wordpress.com](https://cheyuwu.wordpress.com/2019/02/15/video-art-week-2/)

- [Video Art 第三週：扭曲與慢動作](https://cheyuwu.com/zh/lab/2019/#lab-wp-video-art-week3) · 同一門 Video Art 課的下一週 (來源關聯)



2019-02-17已公開



### Narrative VR 第二週：第一個 Unreal VR 場景



他用 Unreal 的場景建構器做出第一個 VR 場景，一座坐在海中央的小島。島上有人用木頭排出 HELP 字樣與一團營火，等人來救。週記寫下白天與夜晚兩個版本，他自己最喜歡夜景裡島嶼周圍的水面反射，也寫下山上那座沒有用處的金礦。


- Unreal
- VR


來源與相關紀錄


- [前往原始頁面 ↗](https://cheyuwu.wordpress.com/2019/02/17/week-2-my-first-unreal-vr-scene/)
- [cheyuwu.wordpress.com](https://cheyuwu.wordpress.com/2019/02/17/week-2-my-first-unreal-vr-scene/)

- [Narrative VR 第一週：第一次 VR 體驗](https://cheyuwu.com/zh/lab/2019/#lab-wp-vr-week1) · 同一門 Narrative VR 課的下一週 (來源關聯)
- [Narrative VR 期中作品：一天二十四小時排成一條線](https://cheyuwu.com/zh/lab/2019/#lab-wp-vr-week6-midterm) · 同一門課的期中作品 (來源關聯)



2019-02-21已公開



### Video Art 第三週：扭曲與慢動作



這一週的作業是扭曲與慢動作。週記前半是一段他自己寫的說法：時間與空間都是相對的，三維生物察覺不到宇宙的扭曲，因為我們本身就是扭曲的一部分，而這支影片是從四維的視角觀看。後半寫技術，他用漸層扭曲時間，背景文字則用碎形雜訊扭曲，聲音同樣做時間重映射，讓聽覺也感覺到時間被拉長。


- 影像
- 時間


來源與相關紀錄


- [前往原始頁面 ↗](https://cheyuwu.wordpress.com/2019/02/21/video-art-week3-distortion-and-slowmoooo/)
- [cheyuwu.wordpress.com](https://cheyuwu.wordpress.com/2019/02/21/video-art-week3-distortion-and-slowmoooo/)

- [Video Art 第二週：綠幕合成](https://cheyuwu.com/zh/lab/2019/#lab-wp-video-art-week2) · 同一門 Video Art 課的下一週 (來源關聯)
- [Video Art 第六週：投影對位](https://cheyuwu.com/zh/lab/2019/#lab-wp-video-arts-projection) · 同一門課後面的投影對位週 (來源關聯)



2019-02-27已公開



### 宇宙（2019/2/27）



官網實驗頁把這支標為宇宙，日期 2019/2/27，OpenProcessing 上的原名是 Universe。作品頁沒有附說明文字，可以直接在瀏覽器裡載入執行。


- 宇宙
- p5.js


![宇宙｜程式作品截圖](https://kyoko.openprocessing.org/thumbnails/visualThumbnail676343@2x.jpg?hash=2019-02-27%2023%3A34%3A15)


Che-Yu Wu / OpenProcessing



來源與相關紀錄


- [前往原始頁面 ↗](https://cheyuwu.com/zh/sketch/676343/)
- [cheyuwu.com](https://cheyuwu.com/zh/sketch/676343/)
- [OpenProcessing](https://openprocessing.org/sketch/676343)



2019-03履歷只記到月份，開閉幕日期未能從來源頁確認。已公開活動紀錄



### 傾聽機器展：台北國際藝術村



官網履歷把這場展覽記在 2019 年 3 月的台北國際藝術村，並連到《距離之歌》的紀錄影片。他人在紐約的這一年，作品以參展的方式回到台北。


- 展覽
- 台北


來源與相關紀錄


- [前往原始頁面 ↗](https://www.youtube.com/watch?v=zxO_XCBJuWQ)
- [cheyuwu.com 履歷](https://cheyuwu.com/zh/cv/)
- [《距離之歌》紀錄影片](https://www.youtube.com/watch?v=zxO_XCBJuWQ)

- [距離之歌：用 GPS 把距離變成音樂](https://cheyuwu.com/zh/lab/2019/#lab-song-of-distances) · 作品頁的獲選欄位直接寫著這場展覽 (來源關聯)



2019-03-07日期取官網實驗頁所標，CodePen 頁面未提供可核對的建立日期。已公開



### 擺鐘生成音頻（2019/3/7）



官網實驗頁把這支標為擺鐘生成音頻，日期 2019/3/7，作品保存在 CodePen。官網作品頁把它歸在生成類，說明只寫到它是保存於 CodePen 的原始實驗。


- 生成音樂
- 擺鐘


![擺鐘生成音頻｜作品頁主視覺](https://cheyuwu.com/static/img/covers/codepen-rjxgox.webp)


Che-Yu Wu



來源與相關紀錄


- [前往原始頁面 ↗](https://cheyuwu.com/zh/work/codepen-rjxgox/)
- [cheyuwu.com](https://cheyuwu.com/zh/work/codepen-rjxgox/)
- [CodePen](https://codepen.io/frank890417/pen/rJXgOx)

- [生成音樂矩陣（2018/10/9）](https://cheyuwu.com/zh/lab/2019/#lab-codepen-music-matrix) · 同一批保存在 CodePen 的生成音樂實驗 (策展主題)



2019-03-08採用 GitHub 倉庫的建立日期。倉庫是空的，只能記下名字與日期，內容待核。已公開



### GPSRadio2019：只留下名字的 GPS 收音機倉庫



公開在 GitHub 的倉庫，建立於 2019 年 3 月 8 日，裡面只有一份僅寫著倉庫名稱的說明檔，沒有任何程式碼，語言統計為空。頁面未列出授權條款。


- GPS
- 開源


來源與相關紀錄


- [前往原始頁面 ↗](https://github.com/frank890417/GPSRadio2019)
- [GitHub](https://github.com/frank890417/GPSRadio2019)

- [距離之歌：用 GPS 把距離變成音樂](https://cheyuwu.com/zh/lab/2019/#lab-song-of-distances) · 同一個月正在做的 GPS 聲音化作品 (策展主題)



2019-03-08採用 GitHub 倉庫的建立日期。倉庫沒有說明檔，委製關係與上線情形待核。已公開



### VolvoCar2019：分成網站與遊戲兩邊的商業專案倉庫



公開在 GitHub 的倉庫，沒有說明檔。內容分成 site_dev 與 game_dev 兩個目錄，外加 cache、commit 與 deploy 三支腳本，語言以 JavaScript 與 Vue 為主。頁面未列出授權條款。


- 開源
- 網頁專案


來源與相關紀錄


- [前往原始頁面 ↗](https://github.com/frank890417/VolvoCar2019)
- [GitHub](https://github.com/frank890417/VolvoCar2019)



2019-03-13已公開



### Narrative VR 期中作品：一天二十四小時排成一條線



期中作品是一個日常生活的時間視覺化。角色從自己房間睡醒，穿過不同地點與時刻，一路走到深夜派對，玩家沿著時間軸走動，整個世界會隨著探索持續移動與旋轉。週記誠實寫下從零建 3D 場景有多難：細分效果匯入 Unreal 之後會消失，沙發與枕頭看起來硬得沒辦法睡，還有時鐘指針的旋轉中心他還沒解決。


- 敘事
- Unreal


來源與相關紀錄


- [前往原始頁面 ↗](https://cheyuwu.wordpress.com/2019/03/13/week-6-midterm-project/)
- [cheyuwu.wordpress.com](https://cheyuwu.wordpress.com/2019/03/13/week-6-midterm-project/)

- [Narrative VR 第二週：第一個 Unreal VR 場景](https://cheyuwu.com/zh/lab/2019/#lab-wp-vr-week2-unreal) · 同一門課的期中作品 (來源關聯)
- [Floating in the Sky：撐起一把傘飛上天空](https://cheyuwu.com/zh/lab/2019/#lab-floating-in-the-sky-vr) · 同一學期之後的 Unreal VR 敘事作品 (策展主題)



2019-03-14文章標題寫的是 Week 6，與 Video Art 第三週那篇的週次編號並非同一套，這裡以發布日期為準。已公開



### Video Art 第六週：投影對位



他和同組的 Calvin 在 Target 買了燈罩當投影對象，週記寫下形狀很好玩，他們用形狀、線條與文字做動態圖像投上去，也試了卡通片段與聲波視覺化。他記下把真實物件投成交通標誌的效果很好，燈罩塑膠包裝的反射看起來像 Lumia，還有 Vega 效果在向量形狀上好用、在卡通上就不太行。


- 投影對位
- 課程週記


來源與相關紀錄


- [前往原始頁面 ↗](https://cheyuwu.wordpress.com/2019/03/14/video-arts-projection-mapping/)
- [cheyuwu.wordpress.com](https://cheyuwu.wordpress.com/2019/03/14/video-arts-projection-mapping/)

- [Video Art 第三週：扭曲與慢動作](https://cheyuwu.com/zh/lab/2019/#lab-wp-video-art-week3) · 同一門課後面的投影對位週 (來源關聯)



2019-03-15作品頁標的 2019/3/15 是否為公開發表日期未能從來源頁確認；紀錄影片上傳於 2019 年 5 月 22 日，影片標題掛的是齊博皓的名字，作品頁則寫共同創作。已公開活動紀錄



### 距離之歌：用 GPS 把距離變成音樂



官網作品頁記日 2019/3/15，署名寫的是 Developer，與齊博皓共同創作。這是一件參與式的網頁音樂作品，把定位資訊轉成可聽見的事件：每個授權 GPS 的連線在地形座標上成為一個節點，系統持續計算連線時間與各節點到中心的相對距離來觸發音樂，手機的朝向則決定空間音場裡聲音的方向。位置資料經由 socket.io、OSC 串流並在 Firebase 同步，人只要移動就會改變音樂。


- 聲音化
- 參與式


![距離之歌｜作品頁主視覺](https://firebasestorage.googleapis.com/v0/b/wucheyu-portfolio.appspot.com/o/images%2FSong%20of%20Distances%2Fcover.jpg?alt=media&token=dd121e1d-ea75-418a-904c-3bc6e298732f)


Che-Yu Wu



來源與相關紀錄


- [前往原始頁面 ↗](https://cheyuwu.com/zh/project/-M0nSR_ahyfV-9jC9po_/)
- [cheyuwu.com](https://cheyuwu.com/zh/project/-M0nSR_ahyfV-9jC9po_/)
- [《距離之歌》紀錄影片](https://www.youtube.com/watch?v=zxO_XCBJuWQ)

- [傾聽機器展：台北國際藝術村](https://cheyuwu.com/zh/lab/2019/#lab-listening-machine-taipei) · 作品頁的獲選欄位直接寫著這場展覽 (來源關聯)
- [GPSRadio2019：只留下名字的 GPS 收音機倉庫](https://cheyuwu.com/zh/lab/2019/#lab-repo-gps-radio-2019) · 同一個月正在做的 GPS 聲音化作品 (策展主題)



2019-04作品頁沒有標日期，月份取自頁面內嵌圖片的路徑日期 2019 年 4 月，頁內另記一次五月初的改版，把多顆骰子分開辨識。已公開



### 賭博檯燈：用骰子與電腦視覺決定亮度



NYU IDM Net Devices 課的作品。官網作品頁寫下他著迷於賭博這件事：結果由運氣決定，人沒有控制權。於是他做了一盞要擲骰子才能調亮度的燈，攝影機讀出點數加總後決定亮度。頁面記下他在 expo 74 科學展示會之後改用輪廓偵測，把每顆骰子遮罩起來分別數點，並排除零點區塊與過大的白色區塊讓控制更穩。硬體部分是在 Target 買的燈改裝 110V 轉 5V 電源與 NeoPixel 燈條，主控是帶 Wi-Fi 的 ESP8266。


- 實體運算
- 電腦視覺


![賭博檯燈｜作品頁主視覺](https://firebasestorage.googleapis.com/v0/b/wucheyu-portfolio.appspot.com/o/images%2FNet%20Device%20-%20The%20Gambling%20Lamp%2Fcover.jpg?alt=media&token=987a29f9-8929-43fd-af72-0c6042266614)


Che-Yu Wu



來源與相關紀錄


- [前往原始頁面 ↗](https://cheyuwu.com/zh/project/-LdyUBwS620lJKwbIrBS/)
- [cheyuwu.com](https://cheyuwu.com/zh/project/-LdyUBwS620lJKwbIrBS/)

- [NYU IDM 研究助理任期開始](https://cheyuwu.com/zh/lab/2019/#lab-nyu-idm-research-assistant) · 同一學期 Net Devices 課的課堂作品 (策展主題)



2019-04-01官網實驗頁標 2019/4/1，OpenProcessing 的建立時間卻是 2019-04-16，兩者差半個月。已公開



### 蕨類（2019/4/1）



官網實驗頁把這支標為蕨類，日期 2019/4/1，OpenProcessing 上的原名是 Fern。同一批還有一支加了聲音的版本 Fern With Sound。作品頁沒有附說明文字。


- 植物
- 遞迴


![蕨類｜程式作品截圖](https://cheyuwu.com/static/img/mirror/e4d46c10a2bf.jpg)


Che-Yu Wu / OpenProcessing



來源與相關紀錄


- [前往原始頁面 ↗](https://cheyuwu.com/zh/sketch/700092/)
- [cheyuwu.com](https://cheyuwu.com/zh/sketch/700092/)
- [OpenProcessing](https://openprocessing.org/sketch/700092)



2019-04-05採用 GitHub 倉庫的建立日期。已公開



### CreativeCoding_IDM_2019：助教課的教材倉庫



公開在 GitHub 的 Vue 專案，倉庫名稱標明它屬於 2019 年 NYU IDM 的 Creative Coding。說明檔只有標準的專案指令，內容有 src、public 與 tests 三個目錄。頁面未列出授權條款。


- 教材
- 開源


來源與相關紀錄


- [前往原始頁面 ↗](https://github.com/frank890417/CreativeCoding_IDM_2019)
- [GitHub](https://github.com/frank890417/CreativeCoding_IDM_2019)

- [IDM_Creative_Coding：自辦研討課的網站](https://cheyuwu.com/zh/lab/2019/#lab-repo-idm-creative-coding) · 一個月後長出來的較完整版本 (策展主題)
- [NYU IDM 研究助理任期開始](https://cheyuwu.com/zh/lab/2019/#lab-nyu-idm-research-assistant) · 助教工作留下的公開材料 (策展主題)



2019-04-11已公開



### Video Art 第七週：用 Max 讓生成音樂驅動影像



他在 Max/MSP 裡做一段小調的生成音樂，讓音符隨機組合，和弦或音一換就切換影片來源並重設 jit.matrix 的變形，輸出因此帶著故障與重影。他用 MIDI 鍵盤的旋鈕控制 metro 物件改變速度，並寫下背景那顆太陽代表時間在走，不斷換掉的影像代表一切都在移動，時間推得越快，它們就越快褪入過去。


- Max
- 生成音樂


來源與相關紀錄


- [前往原始頁面 ↗](https://cheyuwu.wordpress.com/2019/04/11/video-art-7-max/)
- [cheyuwu.wordpress.com](https://cheyuwu.wordpress.com/2019/04/11/video-art-7-max/)

- [生成音頻研究與實驗：NYU IDM 研究筆記](https://cheyuwu.com/zh/lab/2019/#lab-research-generative-audio) · 半年前那則生成音頻筆記的實作延伸 (策展主題)



2019-05-01採用作品頁標示的日期，是否為完成或公開日期未能從來源頁確認。頁面的獲選欄位另記NYC Media Lab Exhibition 2019 與 Deloitte private showcase 2020，兩項都落在本年窗口之後。已公開



### Floating in the Sky：撐起一把傘飛上天空



官網作品頁記日 2019/5/1，角色為 Designer 與 Developer，製作背景寫的是 IDM NYU 的 VR Studio。這是一則第一人稱互動敘事：孤單的主角撐起一把傘飛上天空，發現世界依然美麗而充滿希望，最後把傘交給另一個孤單的人，夜空裡於是浮起許多彩色的傘。頁面詳細寫下技術：Unreal 的 Sequencer 推進敘事，ESP8266 的壓力感測訊號經 OSC 進入傘的物件，攝影機每一次 tick 逐漸靠近傘的位置，天上還放了一顆聲音球，飛得越高背景音樂越大。


- VR
- 敘事


![Floating in the Sky VR 體驗｜作品頁主視覺](https://firebasestorage.googleapis.com/v0/b/wucheyu-portfolio.appspot.com/o/images%2FFloating%20in%20the%20sky%20-%20VR%20experience%2Fcover.jpg?alt=media&token=859951c9-44ed-42d6-90ca-5628ecfca3e7)


Che-Yu Wu



來源與相關紀錄


- [前往原始頁面 ↗](https://cheyuwu.com/zh/project/-LeeLqyqPGuJRybr9psJ/)
- [cheyuwu.com](https://cheyuwu.com/zh/project/-LeeLqyqPGuJRybr9psJ/)

- [Narrative VR 期中作品：一天二十四小時排成一條線](https://cheyuwu.com/zh/lab/2019/#lab-wp-vr-week6-midterm) · 同一學期之後的 Unreal VR 敘事作品 (策展主題)
- [VR L-system 種樹體驗](https://cheyuwu.com/zh/lab/2019/#lab-vr-lsystem-tree) · 同一年的 Unreal VR 線 (策展主題)



2019-05-01採用 GitHub 倉庫的建立日期。已公開



### IDM_Creative_Coding：自辦研討課的網站



公開在 GitHub 的 Vue 專案，規模比一個月前那個同名倉庫大得多，樣式檔佔了七十萬位元組，並帶有 cache、commit、deploy 三支腳本與 .env.example。說明檔只有標準的專案指令，頁面未列出授權條款。


- 教材
- 開源


來源與相關紀錄


- [前往原始頁面 ↗](https://github.com/frank890417/IDM_Creative_Coding)
- [GitHub](https://github.com/frank890417/IDM_Creative_Coding)

- [CreativeCoding_IDM_2019：助教課的教材倉庫](https://cheyuwu.com/zh/lab/2019/#lab-repo-creativecoding-idm-2019) · 一個月後長出來的較完整版本 (策展主題)



2019-05-08官網實驗頁的標題與 OpenProcessing 上的原名不同，日期兩邊一致。已公開



### 網絡攻擊（2019/5/8）



官網實驗頁把這支標為網絡攻擊，日期 2019/5/8，OpenProcessing 上的原名是 Test Earth Link。作品頁沒有附說明文字，可以直接在瀏覽器裡載入執行。


- 資料視覺化
- 地球


![網絡攻擊｜程式作品截圖](https://cheyuwu.com/static/img/mirror/2bc2fb56ce01.jpg)


Che-Yu Wu / OpenProcessing



來源與相關紀錄


- [前往原始頁面 ↗](https://cheyuwu.com/zh/sketch/708757/)
- [cheyuwu.com](https://cheyuwu.com/zh/sketch/708757/)
- [OpenProcessing](https://openprocessing.org/sketch/708757)



2019-08-13採用 YouTube 的上傳日期。履歷沒有為這件作品標年份，影片標題也只是拍攝時間。已公開



### VR L-system 種樹體驗



官網履歷把這支影片列在作品區，註明來自 New Reality Company。影片在 2019 年 8 月 13 日上傳到他自己的 YouTube 頻道，標題只有一串拍攝時間。同一份履歷把他在 New Reality Company 與 R/GA 的Unreal VR/AR 工程師任期記為 2019 年 5 月到 8 月。


- VR
- L-system


來源與相關紀錄


- [前往原始頁面 ↗](https://www.youtube.com/watch?v=GnyrFudDV6I)
- [cheyuwu.com 履歷](https://cheyuwu.com/zh/cv/)
- [YouTube](https://www.youtube.com/watch?v=GnyrFudDV6I)

- [Floating in the Sky：撐起一把傘飛上天空](https://cheyuwu.com/zh/lab/2019/#lab-floating-in-the-sky-vr) · 同一年的 Unreal VR 線 (策展主題)
