CHE-YU WU / STRATA 地層

地層 Strata|2001–2026,每一年留下來的東西

一年的創作現場

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

2018-01-01 — 2018-12-31
34 筆公開紀錄

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

2018 · 全年

2018 · 01

2018 · 02

2018 · 03

2018 · 04

2018 · 05

2018 · 06

2018 · 07

2018 · 08

2018 · 09

2018 · 10

2018 · 11

2018 · 12

創作族譜818 件每日創作,怎麼一件長出一件46 個家族畫成有縮圖的分支樹,從 2018 到 2026

完整紀錄

逐一閱讀

最新的在最上面,往下越舊。每筆紀錄保留日期依據、公開來源與關係說明。

數位時代的資訊理論演化|論文自繪圖解之一
文章Che-Yu Wu

· 已公開

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

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

  • 資訊理論
  • 媒體理論
在紐約大學讀研當助教的進化日誌|文章配圖
文章Che-Yu Wu / cheyuwu.com article image

· 已公開 Medium 專題 RSS 記錄的更新日為 2018-12-21,落在本年窗口收尾後約三個多月。列在這裡是因為它記的是窗口收尾那個月開始的那段,也就是 2018 年 8 月赴紐約入學之後的第一學期。

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

NYU IDM 第一學期結束後寫的長文。他寫剛開學時急著在校內找工作,投了 IT 部門的 UX Designer 沒有回音,轉投系上的研究助理並錄取,這是他第一份受聘的正職。一個學期帶超過 40 位學生,橫跨不同教授與年級,他自己建了預約制、助教日誌、週報、罐頭信模板與成效分析,理由寫在文章裡:不甘心就只坐在那邊給人問問題。

  • 助教
  • 系統
在紐約大學讀研當助教的進化日誌|文章配圖
文章Che-Yu Wu / cheyuwu.com article image

· 已公開

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

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

  • 助教
  • 教學系統
開源

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

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

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

  • 穿戴
  • 開源
北風與太陽|程式作品截圖
原型Che-Yu Wu / OpenProcessing

· 已公開 官網實驗頁的標題與 OpenProcessing 上的原名不同,日期兩邊一致。

北風與太陽(2018/12/7)

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

  • 水彩
  • 教學示範
荒物聲響裝置展|作品頁主視覺
展覽Che-Yu Wu

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

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

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

  • 聲響裝置
  • 日常器物
繪圖機|程式作品截圖
原型Che-Yu Wu / OpenProcessing

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

繪圖機(2018/10/28)

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

  • 繪圖
  • p5.js
生成音樂弦|程式作品截圖
原型Che-Yu Wu / OpenProcessing

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

生成音樂弦(2018/10/21)

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

  • 生成音樂
  • 粒子
開源

· 已公開 採用 GitHub 倉庫的建立日期。

SocketMaxBridge:讓 Max/MSP 聽得到 socket.io

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

  • 開源
  • OSC
生成音頻研究與實驗:NYU IDM 研究筆記|文章配圖
文章Research-note screenshot / via cheyuwu.com

· 已公開

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

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

  • 生成音樂
  • 研究筆記
原型

· 已公開 日期取官網實驗頁所標,CodePen 頁面未提供可核對的建立日期。

生成音樂矩陣(2018/10/9)

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

  • 生成音樂
  • CodePen
文章

· 已公開

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

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

  • 介面
  • 研究筆記
FUI 數據點|程式作品截圖
原型Che-Yu Wu / OpenProcessing

· 已公開

FUI 數據點(2018/9/29)

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

  • 介面
  • p5.js
文章

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

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

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

  • 線上課程
  • 製課
Sol LeWitt's wall drawing 草稿|截圖
原型Che-Yu Wu / OpenProcessing

· 已公開 依 OpenProcessing API 記錄的建立時間,落在本年窗口收尾後兩天。

Sol LeWitt's wall drawing(p5.js 草稿)

OpenProcessing 的 API 把這支草稿的建立時間記為 2018-09-11,標題寫 Sol LeWitt's wall drawing,模式標記為 p5js,授權為 by-nc-sa,說明欄是空的。它是他帳號上最早一批有名字的草稿之一,同一天還有 Practice - Loop 與 Wall Problem。

  • p5.js
  • 指令式繪畫
20180910 P5.js 動態藝術小練習|直播影片縮圖
課程Che-Yu Wu / YouTube

· 已公開 依 YouTube 的上線日期,落在本年窗口收尾後兩天;標題前綴 20180910 指錄製當天,也在收尾後一天。

20180910 P5.js 動態藝術小練習

頻道上的短片,上線日期 2018-09-11,片長 30 秒,累積 1,308 次觀看。標題把日期寫在最前面,內容標記為 P5.js 動態藝術小練習。這是頻道上第一支以 p5.js 為題的影片,前面幾年都是前端框架與 Canvas。

  • p5.js
  • 短片
OpenProcessing 第一支草稿|截圖
原型Che-Yu Wu / OpenProcessing

· 已公開 依 OpenProcessing API 記錄的建立時間,落在本年窗口收尾後一天。之前查不到任何更早的 OpenProcessing 紀錄,因此這一天就是那條練習線的起點,列在這裡當窗口的收口。

OpenProcessing 帳號上的第一支草稿

OpenProcessing 的 API 把這支草稿的建立時間記為 2018-09-10,是他帳號上 783 支草稿裡最早的一支,同一天晚上還有第二支。草稿沒有命名,模式標記為 p5js,說明與操作欄都是空的。隔天開始出現有名字的練習,其中一支標題寫 Sol LeWitt's wall drawing。

  • p5.js
  • 每日練習
課程

· 已公開 履歷只記到月份,起始日待核。

NYU IDM 研究助理任期開始

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

  • 助教
  • NYU IDM
Hahow 課程封面:動畫互動網頁特效入門
文章Che-Yu Wu / Hahow course cover

· 已公開 官網文章頁把寫作時間標為 2018 年 8 月,落在窗口收尾前;Medium 原文的更新日為 2018-09-20、納入專題日為 2018-09-21,都在窗口收尾之後 11 天左右。這裡採官網的月份。

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

第二門 Hahow 課程做完後寫下的長文。他把製課期寫成 2017 年 8 月到 2018 年 8 月整整一年,起點是 2017 年 4 月經營的直播老闆來點寇汀吧,觀眾在講到三角函數做特效時一片哀嚎,他聽了很生氣,於是把課做成橫跨基礎網頁、JS 入門、Canvas 與特效動畫到 Vue 進階應用,超過 60 個範例與 400 張以上投影片。文中寫下對教育的看法:他仍希望教師的角色是一盞明燈,帶著你撥開混沌的迷霧,看見世界真實的模樣;也寫數學與科學真正的美,在於用一條式子可以預測未來。

  • 教育
  • 數學
Hahow 課程封面:動畫互動網頁特效入門
文章Che-Yu Wu / Hahow course cover

· 已公開 Medium 專題 RSS 記錄的更新日為 2018-07-23,落在窗口內,文章正文自述寫於 2016 年。同一份 RSS 另記 2018-09-21 為納入專題的日期。

從不只是一門線上課程,而是一場推動進化的豪賭

他自己寫的長文,2016 年舊稿在 2018 年整理後重新發出。文章從第一門 Hahow 課程上線滿一個月、修課人數來到 1,667 人那天寫起,回頭數三年接案期的技術路線:從 HTML 與 CSS 進到 JS,再到 SVG 與 Canvas 動畫,為了售票系統入門 PHP 與資料庫,最後碰到 Angular.js 與 Vue.js 而愛上用資料轉換網頁。最初規劃的十三堂大綱在開錄之後被全部推翻,課程暴增到九十幾堂,原因是他發現沒有可看見的產出,學的人就抓不到概念。

  • 教育
  • 自述
Canvas 物件導向與繼承 小畫家|直播影片縮圖
課程Che-Yu Wu / YouTube

· 已公開 依 YouTube 的上線日期。

週四寫程式:Canvas 物件導向與繼承,土炮架構控制元件的小畫家

週四寫程式系列的直播存檔,上線日期 2018-06-21,片長 1 小時 35 分 53 秒,累積 1,567 次觀看。主題是用 Canvas 搭配物件導向與繼承,自己搭一套架構做控制元件,做出一個小畫家。這是頻道在他赴紐約之前的最後一支直播。

  • Canvas
  • 繼承
前端修煉精神時光屋 Week1 Todolist 上集|直播影片縮圖
課程Che-Yu Wu / YouTube

· 已公開 依 YouTube 的上線日期。

前端修煉精神時光屋 Week1:Todolist 上集

直播存檔,上線日期 2018-06-11,片長 1 小時 38 分 36 秒,累積 4,642 次觀看。標題開了一個新的系列名稱前端修煉精神時光屋,第一週的題目是 Todolist,這支是上集。

  • 直播教學
  • 前端基礎
用 socket.io 做個即時互動的遊戲|直播影片縮圖
課程Che-Yu Wu / YouTube

· 已公開 依 YouTube 的上線日期。

週四寫程式系列:用 socket.io 做個即時互動的遊戲

週四寫程式系列的直播存檔,上線日期 2018-05-25,片長 1 小時 18 分 52 秒,累積 23,767 次觀看,是這一批直播中觀看數最高的一支。主題是用 socket.io 做即時互動的遊戲。

  • 即時互動
  • 直播教學
Vue-Studio:可互動的 Vue 元件與資料編輯器|作品畫面
開源Che-Yu Wu / GitHub README image

· 已公開

Vue-Studio:可互動的 Vue 元件與資料編輯器

GitHub 公開倉庫,建立與最後推送都在 2018-05-19,倉庫描述寫 An interactive Vue component + data editor。README 說這是一個實驗互動式 Vue 元件編輯器的 Vue.js 專案,操作方式是把資料拖放進元件裡,並附了一張介面截圖。

  • 工具
  • 介面實驗
結合物件導向與數學建立 agar.io|直播影片縮圖
課程Che-Yu Wu / YouTube

· 已公開 依 YouTube 的上線日期。

動態互動網頁特效入門:結合物件導向與數學建立 agar.io

頻道上的課程片段,上線日期 2018-04-28,片長 12 分 01 秒,累積 1,606 次觀看。標題把這段掛在動態互動網頁特效入門這門課底下,主題是結合物件導向與數學建立 agar.io。

  • 課程範例
  • 數學
開源

· 已公開

imagenthu_frontend:清華校園影像展的前端倉庫

GitHub 公開倉庫,建立日期 2018-04-16,最後推送 2018-05-23,語言標記為 JavaScript,README 是 Vue.js 專案的骨架文件。倉庫名對上他履歷裡 2018 年 2 月到 6 月在清華大學科技藝術研究中心任互動設計工程師、做名為 Image of NTHU 的物聯網展覽那段。

  • 物聯網
  • 展覽
mrt2018:台北捷運地景音樂徵選網站的公開倉庫|作品畫面
開源Monoame Design / portfolio image

· 已公開

mrt2018:台北捷運地景音樂徵選網站的公開倉庫

GitHub 公開倉庫,建立日期 2018-03-23,最後推送 2018-11-28,語言標記為 Vue。README 的第一行寫 taipei mrt 2018 music contest,其餘是 Vue.js 專案的骨架指令。對應的公開網站 taipeisoundscape.com 今日仍在線,頁面標題寫 2018 台北聲音地景計畫、捷運站體環境音樂,副標寫隱音 mrt2018。

  • 聲音
  • 公共空間
Music String|作品截圖
原型Che-Yu Wu

· 已公開 日期取自他官網實驗頁標記的原始紀錄日期,CodePen 本站今日對程式化讀取全數擋掉。

Music String

保存在 CodePen 上的互動實驗,官網實驗頁把原始紀錄日期標為 2018 年 3 月 10 日,作品頁提供開啟程式結果與原始碼兩個入口。作品頁把這支歸在生成類,關聯到他後來的音樂表達論文。

  • 聲音
  • 互動實驗
開源

· 已公開 依 npm registry 記錄的 1.0.0 發佈時間,GitHub 倉庫的建立日期同為 2018-03-02。

monoame-softscroll:整站緩速捲動套件

發佈到 npm 的小套件,倉庫描述寫 soft scroll library for whole website,npm 上的說明寫 soft scrolling for all place in website。第一個版本在 2018-03-02 上架,同一天接連推了數個修正版。README 說這是基於 jQuery 與 GSAP 的緩速捲動外掛,安裝後只要引入 softscroll 就能讓整站的捲動變緩。

  • 套件
  • 捲動
開源

· 已公開 依 npm registry 記錄的 1.0.0 發佈時間。

monoame-preloader:圖片資源預載套件

發佈到 npm 的小套件,倉庫描述寫 preloader for website resources,npm 上的說明寫 preloader for image。第一個版本在 2018-03-02 上架。README 說這是一支基於 promise 的輕量腳本,用來載入一整個圖片陣列。

  • 套件
  • 資源載入
0212 隨意寫程式直播|直播影片縮圖
課程Che-Yu Wu / YouTube

· 已公開 依 YouTube 的上線日期,標題前綴 0212 指的是錄製當天,兩者相差三天。

0212 隨意寫程式直播:物件導向

老闆來點寇汀吧頻道的直播存檔,上線日期 2018-02-15,片長 1 小時 25 分 05 秒,累積 1,425 次觀看。標題把當天定位成隨意寫程式,主題是物件導向。這是頻道在 2017 年 7 月停下之後的第一支影片。

  • 直播教學
  • 物件導向
Project 12 Space Invader|作品截圖
原型Che-Yu Wu

· 已公開 日期取自他官網實驗頁標記的原始紀錄日期,CodePen 本站今日對程式化讀取全數擋掉,無法回到來源頁再核一次。

Project 12 Space Invader

保存在 CodePen 上的互動實驗,官網實驗頁把原始紀錄日期標為 2018 年 2 月 10 日,作品頁提供開啟程式結果與原始碼兩個入口。標題的 Project 12 編號與他當時課程的專案編號體系同一套寫法。

  • 互動實驗
  • Canvas
開源

· 已公開

deerlight2018 公開倉庫

GitHub 公開倉庫,建立日期 2018-01-25,最後推送 2018-04-09,語言標記為 Vue。README 是 Vue.js 專案的預設骨架文件,寫著安裝依賴、在 localhost:8080 起熱重載伺服器等指令,沒有專案自己的說明。

  • 倉庫
  • 接案
數位時代的資訊理論演化:NYU IDM Media Theory D 期末論文|文章配圖
文章Che-Yu Wu / cheyuwu.com article image

· 已公開 官網文章頁只標到年份 2018,並把時期寫成 NYU IDM 兩年制碩士的第一年。該學期在 2018 年 9 月開學,因此實際寫作時間應在本年窗口收尾之後,窗口內的對應事件是他 2018 年 8 月入學。

數位時代的資訊理論演化:NYU IDM Media Theory D 期末論文

NYU IDM 第一學期 Media Theory D 的期末論文,官網文章頁把寫作年份標為 2018。論文從遠古的石壁刻畫寫到未來的資訊模型,引 Wiener 的控制論、Shannon 的通訊的數學理論與 Hayles 的我們如何成為後人類,追問訊息經過不同接收者與媒介之後能否保持一致,並提出訊息除了速度與準確度之外還有第三個特徵:存在的持續時間。文中把訊息放在靜態與動態之間的一條刻度上,並指出當代的趨勢是以動態技術製造的靜態訊息。

  • 媒體理論
  • 資訊