CHE-YU WU / STRATA 地層 地層 Strata｜2001–2026，每一年留下來的東西 # 求學時期的創作現場 沿著動畫、音樂與程式，走進那幾年留下的公開紀錄。 2013-09-09 — 2016-12-31 37 筆公開紀錄 紅線：來源關聯 麻線：共同主題 移到紙上看關係名稱 [完整紀錄 ↓](https://cheyuwu.com/zh/strata/2016/#lab-records) ****案件紀錄**2013-09-09 / 2016-12-3137 筆 這裡依月份往下讀，每張卡下面的小標是它的關係，點一下會跳到另一筆紀錄 ### 2013 · 09 ** ![](https://cheyuwu.com/static/lab/2016/logic-sketches-2013.webp) ** ![](https://cheyuwu.com/static/img/mirror/14628e6af0cf.jpg) - ### 2013 · 10 ** ![](https://cheyuwu.com/static/img/mirror/153609469303.jpg) - *體感* ** ![](https://cheyuwu.com/static/lab/2016/lymphedema-animation-2013.webp) - - ** ![](https://cheyuwu.com/static/lab/2016/udn-tv-press-like-2013.webp) ### 2013 · 11 ** ![](https://cheyuwu.com/static/img/mirror/5ede0b2a4367.jpg) *編曲* ** ![](https://cheyuwu.com/static/img/mirror/07e497fae248.jpg) ### 2014 · 01 ** ![](https://cheyuwu.com/static/lab/2016/sharing-deck-2014-01.webp) - ### 2014 · 02 ** ![](https://cheyuwu.com/static/lab/2016/chemical-plant-3d-2014.webp) - *3D 動畫* ### 2014 · 05 ** ![](https://cheyuwu.com/static/lab/2016/suncolor-book-effects-2014.webp) - - ** ![](https://cheyuwu.com/static/lab/2016/nctu-hiphop-briefing-2014.webp) - ### 2014 · 07 ** ![](https://cheyuwu.com/static/lab/2016/student-union-graphics-2014.webp) - ### 2014 · 09 ** ![](https://cheyuwu.com/static/img/mirror/86efa099e84b.webp) - - *網站* ### 2014 · 11 ** ![](https://cheyuwu.com/static/lab/2016/design-talk-2014.webp) - - - - *設計講座* ### 2014 · 12 ** ![](https://cheyuwu.com/static/img/mirror/e359dc544724.jpg) - - - ** ![](https://cheyuwu.com/static/img/mirror/1b3fdba2d593.jpg) - ### 2015 · 03 ** ![](https://cheyuwu.com/static/img/mirror/7531d981e357.webp) - *介面設計* ### 2015 · 05 ** ![](https://cheyuwu.com/static/img/mirror/11996129f22c.jpg) - *裝置* ### 2015 · 09 ** ![](https://cheyuwu.com/static/img/mirror/461ae92e4430.jpg) - ### 2015 · 11 ** ![](https://cheyuwu.com/static/lab/2016/monoame-site-2015.webp) - *墨雨設計* ### 2015 · 12 ** ![](https://cheyuwu.com/static/img/mirror/1682d1bc130d.jpg) ### 2016 · 全年 ** ### 2016 · 03 ** ![](https://cheyuwu.com/static/lab/2016/smart-city-hackathon-2016.webp) *黑客松* ### 2016 · 04 ** ![](https://cheyuwu.com/static/lab/2016/autocad-tw-site-2016.webp) ### 2016 · 05 ** ![](https://cheyuwu.com/static/lab/2016/dyverse-studio-site-2016.webp) ** - *TEDx* ** ![](https://cheyuwu.com/static/lab/2016/complex-festival-2016.webp) - ### 2016 · 06 ** ![](https://cheyuwu.com/static/lab-captures/hahow-webdesign1.webp) - - - *線上課程* ** ![](https://cheyuwu.com/static/lab/2016/poem-visualisation-2016.webp) - *互動視覺* ** ![](https://cheyuwu.com/static/lab/2016/course1-syllabus-pens.webp) - - *CodePen* ### 2016 · 07 ** ![](https://cheyuwu.com/static/img/mirror/f3b1bdd4740f.jpg) - - ### 2016 · 09 ** ![](https://cheyuwu.com/static/lab-captures/hahow-webdesign1.webp) - - *線上課程* ### 2016 · 10 ** - - *課程工具* ** - *PHP* ** ![](https://cheyuwu.com/static/lab/2016/repo-citibank-unitedway.webp) - *活動網頁* ### 2016 · 11 ** ![](https://cheyuwu.com/static/lab-captures/hahow-webdesign1.webp) *課程營運* ** ![](https://cheyuwu.com/static/lab/2016/repo-zashare-website.webp) *雜學校* ![](https://kyoko.openprocessing.org/thumbnails/visualThumbnail2290248@2x.jpg) ![](https://cheyuwu.com/static/img/sketches/923989-sm.webp) ![](https://cheyuwu.com/static/img/mirror/1239323070da-sm.webp) ![](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-sm.webp) ![](https://cheyuwu.com/static/img/mirror/0c23aeb30692-sm.webp) ![](https://cheyuwu.com/static/img/sketches/925596-sm.webp) 創作族譜**818 件每日創作，怎麼一件長出一件**46 個家族畫成有縮圖的分支樹，從 2018 到 2026→ [https://cheyuwu.com/zh/lineage/](https://cheyuwu.com/zh/lineage/) 完整紀錄 ## 逐一閱讀 最新的在最上面，往下越舊。每筆紀錄保留日期依據、公開來源與關係說明。 2016 ![zashare_website：雜學校網站｜作品畫面](https://cheyuwu.com/static/lab/2016/repo-zashare-website.webp) 2016-11-19 開源Monoame Design / portfolio image 2016-11-19 · 已公開 採 GitHub 的 repo 建立日期，實際開發起點可能更早。 ### zashare_website：雜學校網站 公開 repo，描述與 README 都只寫 zashare 雜學校網站。主要語言標為 JavaScript，最後一次推送就在開檔當天。雜學校是他這段時間反覆出現的客戶，直播裡也拿它的資料當範例。 - 雜學校 - 委託案 來源 [前往原始頁面 ↗︎](https://github.com/frank890417/zashare_website) [GitHub ↗︎](https://github.com/frank890417/zashare_website) 相關紀錄 [→ 老闆來點寇汀：Vue.js 組件與即時關鍵字反白（2017）](https://cheyuwu.com/zh/strata/2017/#lab-boss-coding-vue-search) · 直播裡用雜學校資料當範例 (策展主題) [→ pacman_zashare：雜學校的小精靈網頁（2017）](https://cheyuwu.com/zh/strata/2017/#lab-repo-pacman-zashare) · 同一個雜學校客戶線 (策展主題) ![Hahow 課程封面：動畫互動網頁程式入門](https://cheyuwu.com/static/lab-captures/hahow-webdesign1.webp) 2016-11-07 課程Che-Yu Wu / Hahow course cover 2016-11-07 · 已公開 課程頁的更新日誌只寫月日，年份依同一份日誌的「7/4 課程募資期間圓滿結束」與 Hahow 公開 API 的募資截止 2016-07-03、上線 2016-09-01 推定。 ### 動畫互動網頁程式入門：即時作品集合系統上線 Hahow 第一門課《動畫互動網頁程式入門》的課程頁更新日誌寫著 11/7 新增即時作品集合系統，並記下已經超過一百件同學繳交作品與練習，同一則更新也寫到 11/15 之前已上線 85 單元共 1230 分鐘。這個收作業的網站是後來媒體報導裡提到的客製化作業收集機制。 - 課程營運 - 學生作品 來源 [前往原始頁面 ↗︎](https://hahow.in/cr/monoame-webdesign1) [Hahow 課程頁更新日誌 ↗︎](https://hahow.in/cr/monoame-webdesign1) [Hahow public course API ↗︎](https://api.hahow.in/api/courses/56189df9df7b3d0b005c6639) 相關紀錄 [→ 2017 awiclass 同學作品集網站（2017）](https://cheyuwu.com/zh/strata/2017/#lab-awiclass-gallery) · 同一套收作業的網站 (來源關聯) ![第 22 屆花旗聯合勸募活動動態網頁｜作品畫面](https://cheyuwu.com/static/lab/2016/repo-citibank-unitedway.webp) 2016-10-24 開源Che-Yu Wu / GitHub README image 2016-10-24 · 已公開 採 GitHub 的 repo 建立日期，實際開發起點可能更早。 ### 第 22 屆花旗聯合勸募活動動態網頁 公開 repo，README 寫著第 22 屆花旗聯合勸募活動動態網頁，並引了活動文案，講聯合勸募與花旗銀行長期匯集愛的星火。README 附上 CodePen 版本與當年的活動頁網址 citi2016.unitedway.org.tw。 - 活動網頁 - 委託案 來源 [前往原始頁面 ↗︎](https://github.com/frank890417/citibank_activity_website) [GitHub ↗︎](https://github.com/frank890417/citibank_activity_website) 相關紀錄 [→ Animated-Web-Course：動態網頁程式設計課程的配套工具](https://cheyuwu.com/zh/strata/2016/#lab-repo-animated-web-course) · 同一個月的公開 repo (策展主題) 2016-10-14 開源 2016-10-14 · 已公開 採 GitHub 的 repo 建立日期，實際開發起點可能更早。 ### Organic-Alpha：串前後端的 PHP 資料流腳本庫 公開 repo，描述寫著一個以 PHP 資料流把前端與後端結合起來的函數式腳本庫。repo 只有 README 一行說明，沒有進一步文件。 - PHP - 資料流 來源 [前往原始頁面 ↗︎](https://github.com/frank890417/Organic-Alpha) [GitHub ↗︎](https://github.com/frank890417/Organic-Alpha) 相關紀錄 [→ Animated-Web-Course：動態網頁程式設計課程的配套工具](https://cheyuwu.com/zh/strata/2016/#lab-repo-animated-web-course) · 同一天開的 repo (策展主題) 2016-10-14 開源 2016-10-14 · 已公開 採 GitHub 的 repo 建立日期，實際開發起點可能更早。 ### Animated-Web-Course：動態網頁程式設計課程的配套工具 repo 描述寫著動態網頁程式設計課程。README 記下一支 parse_codepen API，用來抓 CodePen 的 og 圖與標題文字，傳入網址陣列就回傳網站的 og 資訊，並自動暫存解析過的網址加速載入。API 掛在 monoame.com 的 awi_class 路徑下，也就是同學作品集網站的後端。 - 課程工具 - CodePen 來源 [前往原始頁面 ↗︎](https://github.com/frank890417/Animated-Web-Course) [GitHub ↗︎](https://github.com/frank890417/Animated-Web-Course) 相關紀錄 [→ Organic-Alpha：串前後端的 PHP 資料流腳本庫](https://cheyuwu.com/zh/strata/2016/#lab-repo-organic-alpha) · 同一天開的 repo (策展主題) [→ 第 22 屆花旗聯合勸募活動動態網頁](https://cheyuwu.com/zh/strata/2016/#lab-repo-citibank-unitedway) · 同一個月的公開 repo (策展主題) [→ 2017 awiclass 同學作品集網站（2017）](https://cheyuwu.com/zh/strata/2017/#lab-awiclass-gallery) · 同一套作品集系統的後端 (來源關聯) ![Hahow 課程封面：動畫互動網頁程式入門](https://cheyuwu.com/static/lab-captures/hahow-webdesign1.webp) 2016-09-01 課程Che-Yu Wu / Hahow course cover 2016-09-01 · 已公開 採公開 API 的 publishTime。 ### 動畫互動網頁程式入門正式上線 Hahow 公開 API 的 publishTime 是 2016 年 9 月 1 日，與預計開課日相同。這門課後來成為他三門 Hahow 課程裡學生最多的一門；課程頁在 2026 年顯示的購買人數超過一萬三千。同一個學年裡，這門課的作品集合系統與全部單元上線的紀錄，在 2016 到 2017 的牆上。 - 線上課程 - 教學 來源 [前往原始頁面 ↗︎](https://hahow.in/cr/monoame-webdesign1) [Hahow 課程頁 ↗︎](https://hahow.in/cr/monoame-webdesign1) [Hahow public course API ↗︎](https://api.hahow.in/api/courses/56189df9df7b3d0b005c6639) 相關紀錄 [→ 動畫互動網頁程式入門：Hahow 第一門課募資上線](https://cheyuwu.com/zh/strata/2016/#lab-course1-fundraising-open) · 同一門課上線 (來源關聯) [→ 課程綱要與範例都寫在 CodePen 上](https://cheyuwu.com/zh/strata/2016/#lab-course1-syllabus-pens) · 這些範例要教的那門課 (來源關聯) ![Abstract 音樂視覺化｜作品頁主視覺](https://cheyuwu.com/static/img/mirror/f3b1bdd4740f.jpg) 2016-07 原型Che-Yu Wu 2016-07 · 已公開 採官網作品頁標示的期間起點。 ### Abstract：倫敦藝術大學短期課程的運算視覺識別 官網作品頁把期間寫成 07/2016 到 08/2016，說明這是他在倫敦藝術大學短期課程完成的作品：題目是把一首指定的音樂視覺化，他用網頁特效技術把音樂變成粒子，加入物理的運動路徑概念與重力、斥力和滑鼠互動，每次播放都會產生獨一無二的視覺識別。他寫這是自己最喜歡的作品之一。Hahow 課程頁的「其他作品」也列了 Abstract（將音樂轉成視覺形式），網頁的存檔在 2017 年 3 月，標題還留著 CodePen 的字樣。 - 音樂視覺化 - 粒子 來源 [前往原始頁面 ↗︎](https://cheyuwu.com/project/-L3BGK0CxleqzCm_gTkL/) [cheyuwu.com ↗︎](https://cheyuwu.com/project/-L3BGK0CxleqzCm_gTkL/) [monoame.com/graphic_course/（2017-03 Wayback 存檔） ↗︎](https://web.archive.org/web/20170310152314/http://www.monoame.com/graphic_course/) [Hahow 課程頁「其他作品」 ↗︎](https://hahow.in/cr/monoame-webdesign1) 相關紀錄 [→ 肆意留詩 #1 焦慮：新詩視覺化](https://cheyuwu.com/zh/strata/2016/#lab-poem-visualisation-2016) · 同一個夏天的另一件視覺化 (策展主題) [→ 動畫互動網頁程式入門：Hahow 第一門課募資上線](https://cheyuwu.com/zh/strata/2016/#lab-course1-fundraising-open) · 同一個夏天 (策展主題) ![課程綱要與範例都寫在 CodePen 上｜課程主視覺](https://cheyuwu.com/static/lab/2016/course1-syllabus-pens.webp) 2016-06-30 課程Monoame Design / portfolio image 2016-06-30 · 已公開 採課程綱要 pen 的建立時間（UTC）。 ### 課程綱要與範例都寫在 CodePen 上 第一門課的綱要本身就是一支 CodePen：「動畫互動網頁程式入門-課程綱要」建於 2016 年 6 月 30 日，募資期間放在課程頁上，累積上萬次瀏覽。開課前的 8 月，範例一支支跟著出現：「Project1」8 月 30 日、「Demo2-5」8 月 27 日、「Animated Web Design #Example-1」8 月 15 日，最後一支的頁面上寫著「吳哲宇（Che-Yu Wu），墨雨設計，創立墨雨設計，從平面設計、動畫玩到網頁前後端開發」。課程頁「課程單元總覽」裡的作業連結，指的就是這些 pen。 - CodePen - 教材 來源 [前往原始頁面 ↗︎](https://codepen.io/frank890417/pen/EymPZK) [CodePen：動畫互動網頁程式入門-課程綱要 ↗︎](https://codepen.io/frank890417/pen/EymPZK) [CodePen：Project1 ↗︎](https://codepen.io/frank890417/pen/EgYWyM) [CodePen：Demo2-5 ↗︎](https://codepen.io/frank890417/pen/YWmVRJ) [CodePen：Animated Web Design #Example-1 ↗︎](https://codepen.io/frank890417/pen/OXdeqr) [Hahow 課程頁 ↗︎](https://hahow.in/cr/monoame-webdesign1) 相關紀錄 [→ 動畫互動網頁程式入門：Hahow 第一門課募資上線](https://cheyuwu.com/zh/strata/2016/#lab-course1-fundraising-open) · 課程頁連到的綱要與範例 (來源關聯) [→ 動畫互動網頁程式入門正式上線](https://cheyuwu.com/zh/strata/2016/#lab-course1-published) · 這些範例要教的那門課 (來源關聯) ![肆意留詩 #1 焦慮：新詩視覺化｜作品畫面](https://cheyuwu.com/static/lab/2016/poem-visualisation-2016.webp) 2016-06-09 原型Monoame Design / portfolio image 2016-06-09 · 已公開 採存檔日期；頁面本身沒有日期。 ### 肆意留詩 #1 焦慮：新詩視覺化 2016 年 6 月 monoame.com/poem/1/ 的存檔，頁面標題「肆意留詩 #1 焦慮」，詩是「焦慮 是時鐘裡有 六十 支秒針」，落款「作者：默金 互動視覺：墨雨設計」。Hahow 課程頁的「其他作品」把它列為「新詩視覺化」。這是他最早把文字做成互動視覺的嘗試之一，在官網的 Sketch 與每日創作之前。 - 互動視覺 - 詩 來源 [前往原始頁面 ↗︎](https://web.archive.org/web/20160609063115/http://www.monoame.com/poem/1/) [monoame.com/poem/1/（2016-06-09 Wayback 存檔） ↗︎](https://web.archive.org/web/20160609063115/http://www.monoame.com/poem/1/) [Hahow 課程頁「其他作品」 ↗︎](https://hahow.in/cr/monoame-webdesign1) 相關紀錄 [→ Abstract：倫敦藝術大學短期課程的運算視覺識別](https://cheyuwu.com/zh/strata/2016/#lab-ual-abstract-visual-identity) · 同一個夏天的另一件視覺化 (策展主題) ![Hahow 課程封面：動畫互動網頁程式入門](https://cheyuwu.com/static/lab-captures/hahow-webdesign1.webp) 2016-06-03 課程Che-Yu Wu / Hahow course cover 2016-06-03 · 已公開 採公開 API 的 proposalStartTime；同一筆資料的 createdAt 是 2015-10-10，即課程提案建立的日子。 ### 動畫互動網頁程式入門：Hahow 第一門課募資上線 Hahow 公開 API 把《動畫互動網頁程式入門 (HTML/CSS/JS)》的募資期間記為 2016 年 6 月 3 日到 7 月 3 日，課程頁的更新日誌寫 7/4「課程募資期間圓滿結束」，募資門檻是 50 人。課程頁的介紹寫給設計師與沒有程式基礎的人：用 Codepen 邊打邊看，從網頁元素、Sass 到 Vue.js 與互動鋼琴。他當時是交大電機系的學生。 - 線上課程 - 募資 來源 [前往原始頁面 ↗︎](https://hahow.in/cr/monoame-webdesign1) [Hahow 課程頁 ↗︎](https://hahow.in/cr/monoame-webdesign1) [Hahow public course API ↗︎](https://api.hahow.in/api/courses/56189df9df7b3d0b005c6639) 相關紀錄 [→ 動畫互動網頁程式入門正式上線](https://cheyuwu.com/zh/strata/2016/#lab-course1-published) · 同一門課上線 (來源關聯) [→ 課程綱要與範例都寫在 CodePen 上](https://cheyuwu.com/zh/strata/2016/#lab-course1-syllabus-pens) · 課程頁連到的綱要與範例 (來源關聯) [→ Abstract：倫敦藝術大學短期課程的運算視覺識別](https://cheyuwu.com/zh/strata/2016/#lab-ual-abstract-visual-identity) · 同一個夏天 (策展主題) ![複雜生活節 2016：講者第 28 號「#墨雨設計 吳哲宇」｜活動主視覺或現場](https://cheyuwu.com/static/lab/2016/complex-festival-2016.webp) 2016-05-28 演講complexfestival.info / page image 2016-05-28 · 已公開活動紀錄 採網站上寫的活動日 5/28；存檔在翌日。 ### 複雜生活節 2016：講者第 28 號「#墨雨設計 吳哲宇」 活動網站 complexfestival.info 的存檔，記 5 月 28 日的複雜生活節，「共計 32 名精選講者分享」，講者資料第 28 號是「#墨雨設計 吳哲宇」，自我介紹寫：從小玩到大什麼都可以玩過一遍的交大三年級學生，從動畫起家一路玩到大學，在學校裡同時當過鋼琴社長與創立了學聯會行銷部，做了顆超級大聖誕樹之後宣告煙火綻放的歸零，重新開始成立了墨雨設計。這個網站也是他做的：CodePen 上「複雜生活節 Complex Festival」建於 5 月 11 日。 - 演講 - 墨雨設計 來源 [前往原始頁面 ↗︎](https://web.archive.org/web/20160529112240/http://complexfestival.info/) [complexfestival.info（2016-05-29 Wayback 存檔） ↗︎](https://web.archive.org/web/20160529112240/http://complexfestival.info/) [CodePen：複雜生活節 Complex Festival ↗︎](https://codepen.io/frank890417/pen/xVBWZa) [Hahow 課程頁「其他作品」 ↗︎](https://hahow.in/cr/monoame-webdesign1) 相關紀錄 [→ 交大聖誕祭「光之舞曲」：一棵會跟著音樂閃的聖誕樹](https://cheyuwu.com/zh/strata/2016/#lab-nctu-christmas-tree-2014) · 他後來怎麼說這棵樹 (策展主題) 2016-05-13 原型 2016-05-13 · 已公開 採 CodePen 上「tedcss」的建立時間（UTC）；官網存檔在 6 月 27 日。 ### TEDxHsinchu 2016：資訊部部長與大會網站 TEDxHsinchu 2016 官網的存檔，團隊名單寫「資訊部 部長：吳哲宇」，設計部部長是後來拍下交大聖誕祭開幕式的郭翊慶；主題「HSINCHU × 2016 × BIG VISION」。CodePen 上一支叫「tedcss」的 pen 建於 2016 年 5 月 13 日，是大會網站的樣式。 - TEDx - 網站 來源 [前往原始頁面 ↗︎](https://web.archive.org/web/20160627083437/http://www.tedxhsinchu.com/) [tedxhsinchu.com 團隊名單（2016-06-27 Wayback 存檔） ↗︎](https://web.archive.org/web/20160627083437/http://www.tedxhsinchu.com/) [CodePen：tedcss ↗︎](https://codepen.io/frank890417/pen/LNvybL) 相關紀錄 [→ 交大聖誕祭「光之舞曲」：一棵會跟著音樂閃的聖誕樹](https://cheyuwu.com/zh/strata/2016/#lab-nctu-christmas-tree-2014) · 同一群人的前一個活動 (策展主題) ![Dyverse Studio 歧響音樂：工作室網站｜作品畫面](https://cheyuwu.com/static/lab/2016/dyverse-studio-site-2016.webp) 2016-05-07 原型Monoame Design / portfolio image 2016-05-07 · 已公開 採 CodePen 上「Dyverse Studio Index」的建立時間（UTC）。 ### Dyverse Studio 歧響音樂：工作室網站 2016 年 8 月的存檔，網站標題「Dyverse Studio 歧響音樂」，寫工作室創立於 2016 年、承襲多元的音樂風格；頁面原始碼裡留著他的信箱。CodePen 上「Dyverse Studio Index」建於 2016 年 5 月 7 日，另有 3 月的「DYVERGE STUDIO」與 7 月的「Dyverse Studio 0719」三個版本。Hahow 課程頁的「其他作品」列了 Dyverse Studio 音樂工作室，網站現在還在線上。 - 網站 - 音樂工作室 來源 [前往原始頁面 ↗︎](https://dyverse.studio/) [CodePen：Dyverse Studio Index ↗︎](https://codepen.io/frank890417/pen/NNoRPL) [dyverse.studio（2016-08-25 Wayback 存檔） ↗︎](https://web.archive.org/web/20160825120844/http://dyverse.studio/) [Dyverse Studio ↗︎](https://dyverse.studio/) [Hahow 課程頁「其他作品」 ↗︎](https://hahow.in/cr/monoame-webdesign1) ![翔虹 AutoCAD 技術中心官網改版｜作品畫面](https://cheyuwu.com/static/lab/2016/autocad-tw-site-2016.webp) 2016-04-16 原型Monoame Design / portfolio image 2016-04-16 · 已公開 採 CodePen 上「翔虹新官網」的建立時間（UTC）。 ### 翔虹 AutoCAD 技術中心官網改版 翔虹是他父親的 AutoCAD 教學公司；官網履歷記他 2014 年 5 月到 2016 年 6 月在那裡做製圖與 AutoLISP 開發，Hahow 課程頁的個人經歷寫「翔虹 AutoCAD 技術中心 網頁與管理系統開發」。CodePen 上的「翔虹新官網」建於 2016 年 4 月 16 日，「翔虹 後台」建於 5 月 19 日；2016 年 8 月的存檔裡，www.autocad.tw 的所有圖片都指向 monoame.com。這個網站現在還在線上。 - 網站 - 翔虹 來源 [前往原始頁面 ↗︎](https://www.autocad.tw/) [CodePen：翔虹新官網 ↗︎](https://codepen.io/frank890417/pen/QNrdPq) [CodePen：翔虹 後台 ↗︎](https://codepen.io/frank890417/pen/NNZGOx) [www.autocad.tw（2016-08-25 Wayback 存檔） ↗︎](https://web.archive.org/web/20160825121238/http://www.autocad.tw/) [翔虹 AutoCAD 技術中心 ↗︎](https://www.autocad.tw/) [cheyuwu.com 履歷 ↗︎](https://cheyuwu.com/zh/cv/) [Hahow 課程頁個人經歷 ↗︎](https://hahow.in/cr/monoame-webdesign1) ![叫叫AED 系統架構圖：嵌入式系統、NodeJS 伺服器、1999 市民熱線與求救手機端](https://cheyuwu.com/static/lab/2016/smart-city-hackathon-2016.webp) 2016-03-12 獎項Che-Yu Wu / diagram, 2016-03-13 2016-03-12 · 已公開活動紀錄 採競賽日；頒獎典禮在 3 月 25 日。隊名由哲宇 2026-09-18 確認。方案名「叫叫 AED」由哲宇 2026-10-01 確認。 ### 智慧城市黑客松實踐家評審大獎：雜訊空投 經濟部工業局主辦的智慧城市黑客松，官網記 2016 年 3 月 12 日到 13 日在 TAF 空總創新基地，454 位參賽者組成 105 隊，3 月 25 日結合智慧城市展頒獎。官方得獎名單的實踐家評審大獎（獎金 50 萬）是「49、雜訊空投」，那就是他的隊伍；官網履歷把這一場記為第一屆智慧城市黑客松首獎與評審團大獎，Hahow 課程頁的個人經歷寫「台北智慧城市黑客松評審團超級大獎」。名單只列隊名，把隊名和他連起來的是他本人。得獎的方案叫「叫叫 AED」：在傳統 AED 旁加一個連網裝置，求救的人撥 111 就能定位、找到最近的 AED。 - 黑客松 - 智慧城市 來源 [前往原始頁面 ↗︎](https://smartcity.org.tw/hackathon/) [智慧城市黑客松官網（含得獎名單） ↗︎](https://smartcity.org.tw/hackathon/) [官方得獎名單檔 ↗︎](https://smartcity.org.tw/hackathon/assets/4c7143ba97d24b9151d05cb5bb672351.txt) [cheyuwu.com 履歷 ↗︎](https://cheyuwu.com/zh/cv/) [Hahow 課程頁個人經歷 ↗︎](https://hahow.in/cr/monoame-webdesign1) [原件存檔（吳哲宇舊硬碟，2026-09-30 備份） ↗︎](https://cheyuwu.com/archive/aed-hackathon-2016/) 2016 演講 2016 · 藝術家紀錄 採履歷上的年份，沒有月日。 ### 自學者之夜：自學平面設計的旅程 官網履歷的演講清單裡最早的一場：2016 年「自學者之夜」，題目是自學平面設計的旅程。沒有活動頁與錄影留下來，只有履歷上的一行。 - 演講 - 自學 來源 [前往原始頁面 ↗︎](https://cheyuwu.com/zh/cv/) [cheyuwu.com 履歷 ↗︎](https://cheyuwu.com/zh/cv/) 2015 ![靠北交大 2.0 的介面｜YouTube 影片縮圖](https://cheyuwu.com/static/img/mirror/1682d1bc130d.jpg) 2015-12-26 原型Che-Yu Wu / YouTube 2015-12-26 · 已公開 採影片上傳日。 ### 靠北交大 2.0：匿名留言板的新版介面 十二秒的影片，標題只有「ｆｂｂｂ」，畫面是瀏覽器裡的「靠北交大 2.0」：一個人坐在筆電前的插圖與一個發文框。2016 年 6 月的存檔留著頁面上的字：「你想靠北什麼？送出靠北 靠北交大 v2.0」。Hahow 課程頁的「其他作品」列了靠北交大 2.0。靠北交大是交大學生的匿名留言板，這是他做的新版介面。 - 網頁 - 交大 來源 [前往原始頁面 ↗︎](https://www.youtube.com/watch?v=d4XXk4Z8e7s) [Che-Yu Wu 吳哲宇 on YouTube ↗︎](https://www.youtube.com/watch?v=d4XXk4Z8e7s) [靠北交大 2.0 頁面（2016-06-09 Wayback 存檔） ↗︎](https://web.archive.org/web/20160609063015/http://www.monoame.com/app/testfb.php) [Hahow 課程頁「其他作品」 ↗︎](https://hahow.in/cr/monoame-webdesign1) ![monoame.com：墨雨設計工作室的第一個官網｜作品畫面](https://cheyuwu.com/static/lab/2016/monoame-site-2015.webp) 2015-11-19 原型Monoame Design / portfolio image 2015-11-19 · 已公開 採存檔日期，網站本身上線得更早。 ### monoame.com：墨雨設計工作室的第一個官網 網路檔案館 2015 年 11 月 19 日的存檔，是目前找得到最早的墨雨設計官網：作品頁只列一件「蜂鳥 Hummi Bird」，標語是 Design your life, Design what Inspire your sight；關於頁寫「墨雨設計（MONOAME DESIGN）跨足各領域平面、CI、網站設計，以多元的視野與專業，為您創造不同凡響的作品」。他在 CodePen 上留著一支「Monoame Index Old 2015」，2016 年 3 月建立，是這版首頁的原始碼。官網履歷把墨雨互動設計記為 2014 年創辦。 - 墨雨設計 - 網站 來源 [前往原始頁面 ↗︎](https://web.archive.org/web/20151119025535/http://monoame.com:80/works.php) [monoame.com 作品頁（2015-11-19 Wayback 存檔） ↗︎](https://web.archive.org/web/20151119025535/http://monoame.com:80/works.php) [monoame.com 關於頁（2015-11-19 Wayback 存檔） ↗︎](https://web.archive.org/web/20151119030343/http://monoame.com:80/About.php) [CodePen：Monoame Index Old 2015 ↗︎](https://codepen.io/frank890417/pen/RargRQ) [cheyuwu.com 履歷 ↗︎](https://cheyuwu.com/zh/cv/) 相關紀錄 [→ 台北國際美容展：兩年的網站、票務與會員系統](https://cheyuwu.com/zh/strata/2016/#lab-cosmetics-expo-site) · 同一個網域上的工作室官網 (策展主題) ![遺忘的藍色島嶼：藍底上的白色波浪｜YouTube 影片縮圖](https://cheyuwu.com/static/img/mirror/461ae92e4430.jpg) 2015-09-15 音樂Che-Yu Wu / YouTube 2015-09-15 · 已公開 採影片上傳日。 ### 遺忘的藍色島嶼 Forgotten Blue 兩分多鐘的曲子，說明是一段短詩：回憶鹹鹹的像是海風，有些記憶像島嶼，在藍色的大海中逐漸為波浪吞沒。畫面是藍底上白色波浪組成的島。 - 創作 - 音樂 來源 [前往原始頁面 ↗︎](https://www.youtube.com/watch?v=suV0crW6tNc) [Che-Yu Wu 吳哲宇 on YouTube ↗︎](https://www.youtube.com/watch?v=suV0crW6tNc) 相關紀錄 [→ 致。回憶裡的你：編曲、口白與剪輯](https://cheyuwu.com/zh/strata/2016/#lab-to-you-in-memory-mv) · 頻道上前一首歌 (策展主題) ![交大電機之夜：投影字樣與小機器人｜YouTube 影片縮圖](https://cheyuwu.com/static/img/mirror/11996129f22c.jpg) 2015-05-13 原型Che-Yu Wu / YouTube 2015-05-13 · 已公開 採影片上傳日；晚會在 5 月 17 日。 ### 交大電機之夜：裝置藝術小機器人測試 四十七秒的測試影片，畫面是投影在牆上的「5/17 交大電機之夜」字樣與兩個黃色方塊小機器人。沒有其他說明；這是 2015 年 5 月電機系晚會用的裝置。 - 裝置 - 交大 來源 [前往原始頁面 ↗︎](https://www.youtube.com/watch?v=Df28Bgl_n-M) [Che-Yu Wu 吳哲宇 on YouTube ↗︎](https://www.youtube.com/watch?v=Df28Bgl_n-M) 相關紀錄 [→ 交大聖誕祭「光之舞曲」：一棵會跟著音樂閃的聖誕樹](https://cheyuwu.com/zh/strata/2016/#lab-nctu-christmas-tree-2014) · 同一個校園的下一件裝置 (策展主題) ![Selinko × Remy Martin App 介面｜作品頁主視覺](https://cheyuwu.com/static/img/mirror/7531d981e357.webp) 2015-03 原型Che-Yu Wu 2015-03 · 已公開 採官網作品頁標示的期間起點。新聞稿與影片都沒有署名，把他和這個案子連起來的是作品頁。 ### Selinko × Remy Martin：NFC 驗真酒瓶的活動 App 介面 官網作品頁把期間寫成 03/2015 到 05/2015，客戶是比利時新創 Selinko 與人頭馬。頁面說明這是為中國市場做的活動 App：因為假酒氾濫，Selinko 在瓶蓋放了開瓶即毀的 NFC 晶片，掃描就知道瓶子有沒有被重複使用。他提案延伸人頭馬的視覺，做了動態概念的情緒板，最後交出簡約現代的介面；另一個挑戰是酒瓶的 3D 模型與動畫，客戶要求做到與真瓶幾乎一樣。Selinko 2015 年 7 月 1 日的新聞稿宣布這款 Rémy Martin Centaur Connected app，作品頁嵌的宣傳影片由製作公司 Ouat 上傳到 Vimeo。 - 介面設計 - 3D 來源 [前往原始頁面 ↗︎](https://cheyuwu.com/project/0/) [cheyuwu.com ↗︎](https://cheyuwu.com/project/0/) [Selinko 新聞稿 2015-07-01（Wayback 存檔） ↗︎](https://web.archive.org/web/20150708013734/http://selinko.com/press/remy-martin-club-connected-bottle/) [活動影片（Ouat Prod 上傳 Vimeo） ↗︎](https://vimeo.com/133748858) 相關紀錄 [→ 台北國際美容展：兩年的網站、票務與會員系統](https://cheyuwu.com/zh/strata/2016/#lab-cosmetics-expo-site) · 同一年的委託案 (策展主題) 2014 ![致。回憶裡的你：秋天林道上的人影｜YouTube 影片縮圖](https://cheyuwu.com/static/img/mirror/1b3fdba2d593.jpg) 2014-12-30 音樂Che-Yu Wu / YouTube 2014-12-30 · 已公開 採影片上傳日。 ### 致。回憶裡的你：編曲、口白與剪輯 說明寫演唱與詞曲周俞希，編曲、口白與剪輯吳哲宇，附整首歌詞。畫面是秋天林道上的一個人影，片名疊在中央。兩分半的音樂影片，他負責的是編曲與影像。 - 編曲 - 音樂影片 來源 [前往原始頁面 ↗︎](https://www.youtube.com/watch?v=p6hTYURInw4) [Che-Yu Wu 吳哲宇 on YouTube ↗︎](https://www.youtube.com/watch?v=p6hTYURInw4) 相關紀錄 [→ 遺忘的藍色島嶼 Forgotten Blue](https://cheyuwu.com/zh/strata/2016/#lab-forgotten-blue-2015) · 頻道上前一首歌 (策展主題) ![交大聖誕祭光之舞曲：夜裡發光的聖誕樹｜YouTube 影片縮圖](https://cheyuwu.com/static/img/mirror/e359dc544724.jpg) 2014-12-20 展覽Che-Yu Wu / YouTube 2014-12-20 · 已公開 採測試影片上傳日；點燈開幕式在 12 月 24 日，蘋果日報的報導在 22 日。 ### 交大聖誕祭「光之舞曲」：一棵會跟著音樂閃的聖誕樹 影片說明寫這是交大學聯會行銷部「微笑企劃」第二階段的活動，讓樂曲與燈光相互配合，期望路過的師生慢下腳步。官網作品頁寫他帶著行銷部六個人，買 Arduino、拆掉燈串原本的控制盒接上自己的控制板，把七層燈光編排到一首曲子上，聖誕夜在圖書館前的演出吸引了五百多位學生。蘋果日報 12 月 22 日的即時新聞寫網友稱這是「技術宅的浪漫」，樹是向系主任要來的 4.5 公尺高。這支測試影片累積三萬七千多次觀看。 - Arduino - 交大 來源 [前往原始頁面 ↗︎](https://www.youtube.com/watch?v=hb_PvYE9DBg) [Che-Yu Wu 吳哲宇 on YouTube ↗︎](https://www.youtube.com/watch?v=hb_PvYE9DBg) [cheyuwu.com ↗︎](https://cheyuwu.com/project/-L3BB7yLee5Las43HMGh/) [蘋果日報 2014-12-22（PTT 轉錄） ↗︎](https://www.ptt.cc/bbs/Electronics/M.1419235863.A.E62.html) [點燈開幕式全程（郭翊慶 上傳） ↗︎](https://www.youtube.com/watch?v=y820pE7oIlw) [Proj.Smile 微笑企劃 Facebook ↗︎](https://www.facebook.com/nctu.proj.smile) 相關紀錄 [→ 交大電機之夜：裝置藝術小機器人測試](https://cheyuwu.com/zh/strata/2016/#lab-ee-night-robot-2015) · 同一個校園的下一件裝置 (策展主題) [→ 複雜生活節 2016：講者第 28 號「#墨雨設計 吳哲宇」](https://cheyuwu.com/zh/strata/2016/#lab-complex-festival-2016) · 他後來怎麼說這棵樹 (策展主題) [→ TEDxHsinchu 2016：資訊部部長與大會網站](https://cheyuwu.com/zh/strata/2016/#lab-tedxhsinchu-2016) · 同一群人的前一個活動 (策展主題) ![講座簡報封面：大字「設計」與「深旅」，下方寫主講者交大學聯會行銷部長吳哲宇](https://cheyuwu.com/static/lab/2016/design-talk-2014.webp) 2014-11-30 演講Che-Yu Wu / slide 1, 2014-11 2014-11-30 · 藝術家紀錄 採海報與簡報檔名的講座日 2014-11-30。 ### 設計講座〈深旅〉：交大學聯會行銷部長的 39 頁簡報 2014 年 11 月 30 日晚上 6 點 10 分，工四 B1 合勤講堂，海報寫主講人是學聯會行銷部長吳哲宇。簡報 39 頁，先講他的經歷：宏碁數創獎 2008 到 2012、黑板戰爭、插畫、3D 設計（電梯、醫療、工廠）、三采文化特效、網站設計，再用 2014 年 7 月起的學聯會平面設計講設計態度、10000 小時定理、觀察生活與連結。講座流程是設計的角色、PS 實作基礎、PS 綜合應用和自由交流。 - 設計講座 - 學聯會 - 簡報 來源 [前往原始頁面 ↗︎](https://cheyuwu.com/archive/design-talk-2014/) [原件存檔（吳哲宇舊硬碟，2026-09-30 備份） ↗︎](https://cheyuwu.com/archive/design-talk-2014/) 相關紀錄 [→ 化工機械廠房 3D 動畫：給高霖再生能源的製程影片](https://cheyuwu.com/zh/strata/2016/#lab-chemical-plant-3d-2014) · 他在講座裡把這批渲染圖放進「3D 設計：工廠」 (策展主題) [→ 學聯會與社團的平面設計：2014 年的海報、新生包與名片](https://cheyuwu.com/zh/strata/2016/#lab-student-union-graphics-2014) · 簡報第 18 頁那面海報牆的原稿 (策展主題) [→ 淋巴水腫治療動畫：長庚醫院的 3D 醫療影片](https://cheyuwu.com/zh/strata/2016/#lab-lymphedema-animation-2013) · 「3D 設計：醫療」那頁的醫療動畫 (策展主題) [→ 三采文化三本書的特效：《最光明，也最黑暗的醫療現場》片頭](https://cheyuwu.com/zh/strata/2016/#lab-suncolor-book-effects-2014) · 「三采文化 特效」那一頁 (策展主題) ![台北國際美容展網站｜作品頁主視覺](https://cheyuwu.com/static/img/mirror/86efa099e84b.webp) 2014-09 原型Che-Yu Wu 2014-09 · 已公開 採官網作品頁標示的期間起點。 ### 台北國際美容展：兩年的網站、票務與會員系統 官網作品頁把期間寫成 09/2014 到 09/2015，客戶是聯合報。頁面說明這是台灣最大的美容展，他設計網頁並建了票務系統，一年內做了四輪視覺與網頁改版，把國際品牌的美妝設計語彙帶進原本保守的台灣展會；連續兩年負責展覽網站，後來又做了會員系統，憑證件領免費門票、記錄參觀習慣，協助約兩萬名持證觀眾的入場驗證。2015 年 11 月 monoame.com 首頁的存檔正是「第 25 屆台北國際美容化妝品展」網站的測試版，頁尾寫「網站設計與開發：墨雨設計」。 - 網站 - 委託 來源 [前往原始頁面 ↗︎](https://cheyuwu.com/project/-L3BFYREnGC2CcF6ZG0B/) [cheyuwu.com ↗︎](https://cheyuwu.com/project/-L3BFYREnGC2CcF6ZG0B/) [美容展網站測試版（monoame.com 2015-11 Wayback 存檔） ↗︎](https://web.archive.org/web/20151119030356/http://monoame.com:80/index.html) [Hahow 課程頁個人經歷 ↗︎](https://hahow.in/cr/monoame-webdesign1) 相關紀錄 [→ monoame.com：墨雨設計工作室的第一個官網](https://cheyuwu.com/zh/strata/2016/#lab-monoame-site-2015) · 同一個網域上的工作室官網 (策展主題) [→ Selinko × Remy Martin：NFC 驗真酒瓶的活動 App 介面](https://cheyuwu.com/zh/strata/2016/#lab-selinko-remy-martin-app) · 同一年的委託案 (策展主題) ![新生包的盒裝照：深色盒子上有學聯會徽章與字樣，右下角寫交大學聯會新生包 1317 份已寄出](https://cheyuwu.com/static/lab/2016/student-union-graphics-2014.webp) 2014-07 原型Che-Yu Wu / design, 2014-08 2014-07 · 藝術家紀錄 採他簡報寫的起點「平面設計 2014.7-Now」。挑出的檔名日期從 6 月 26 日到 11 月 10 日，作品集裡最早的是 5 月 13 日。 ### 學聯會與社團的平面設計：2014 年的海報、新生包與名片 2TB 的「作品集」壓縮檔收了 45 張 JPG 和多數對應的 PSD，檔名以日期開頭，從 2014 年 5 月 13 日到 11 月 23 日。他的講座簡報把這段寫成「平面設計 2014.7-Now」，海報角落常見「學聯會行銷部」的標誌。這裡挑 14 件：學聯會 LOGO 徵選與投票、十三舍停水停電和七夕停電公告、新生包（盒裝照寫 1317 份已寄出）與兩張漫畫、校長遴選意見、電機系二手書拍賣、PS 教學討論會、聯合耶誕舞會，和一張鋼琴社社長名片。 - 平面設計 - 學聯會 - 海報 來源 [前往原始頁面 ↗︎](https://cheyuwu.com/archive/student-union-graphics-2014/) [原件存檔（吳哲宇舊硬碟，2026-09-30 備份） ↗︎](https://cheyuwu.com/archive/student-union-graphics-2014/) 相關紀錄 [→ 設計講座〈深旅〉：交大學聯會行銷部長的 39 頁簡報](https://cheyuwu.com/zh/strata/2016/#lab-design-talk-2014) · 簡報第 18 頁那面海報牆的原稿 (策展主題) ![紅色禮物盒，下方寫 Surprise，中文句子是帶給身邊的人們打破現實的憧憬](https://cheyuwu.com/static/lab/2016/nctu-hiphop-briefing-2014.webp) 2014-05-15 演講Che-Yu Wu / slide 5, 2014-05 2014-05-15 · 藝術家紀錄 採簡報檔名與海報上的 2014 年 5 月 15 日。 ### 交大嘻哈研究社說明會簡報：食堂節奏快閃、壓力源遊戲、LightMare、Sensing Umbrella 簡報檔名 20140515分享簡報，海報寫 2014 年 5 月 15 日星期四晚上 7 點、工四 203 的社員大會暨說明討論會。30 頁先講理念：For Fun、Share Joys、Surprise、Social、Utopia，再提四個實驗：食堂節奏快閃、打壓力源的體感遊戲、NCTU LightMare、Sensing Umbrella。最後三頁是問答，包括怎麼入社。 - 互動裝置 - 社團 - 簡報 來源 [前往原始頁面 ↗︎](https://cheyuwu.com/archive/nctu-hiphop-briefing-2014/) [原件存檔（吳哲宇舊硬碟，2026-09-30 備份） ↗︎](https://cheyuwu.com/archive/nctu-hiphop-briefing-2014/) 相關紀錄 [→ 2014 年 1 月的分享簡報：兩個夢想、For Fun 到 Utopia](https://cheyuwu.com/zh/strata/2016/#lab-sharing-deck-2014-01) · 四個月前的分享簡報，同一批詞 (策展主題) ![橘紫色散景光圈上，手寫字的標題「最光明，也最黑暗的醫療現場」](https://cheyuwu.com/static/lab/2016/suncolor-book-effects-2014.webp) 2014-05 原型Che-Yu Wu / frame from the 2014-05 cut 2014-05 · 藝術家紀錄 採片頭所在版本 LightDark.mp4 的檔案時間 2014-05-19。講座簡報把整段合作寫成 2013 年 7 月到 2014 年 10 月。 ### 三采文化三本書的特效：《最光明，也最黑暗的醫療現場》片頭 他 2014 年 11 月的設計講座簡報寫著「三采文化 特效 2013.7-2014.10」。硬碟上有三個書籍宣傳影片的工程資料夾，分別叫「會說故事，世界聽你的」「最光明與最黑暗的醫療現場」「林秋離」，裡面是 Premiere 與 After Effects 專案和逐版輸出。影片主體是受訪者和拍攝現場，原件頁只放他做的片頭：散景光圈上淡入手寫字的書名，約 9 秒後光圈變成紅點散開。 - 特效 - 片頭 - 委託 來源 [前往原始頁面 ↗︎](https://cheyuwu.com/archive/suncolor-book-effects-2014/) [原件存檔（吳哲宇舊硬碟，2026-09-30 備份） ↗︎](https://cheyuwu.com/archive/suncolor-book-effects-2014/) 相關紀錄 [→ 設計講座〈深旅〉：交大學聯會行銷部長的 39 頁簡報](https://cheyuwu.com/zh/strata/2016/#lab-design-talk-2014) · 「三采文化 特效」那一頁 (策展主題) [→ 淋巴水腫治療動畫：長庚醫院的 3D 醫療影片](https://cheyuwu.com/zh/strata/2016/#lab-lymphedema-animation-2013) · 隔年同樣從醫療題材接到的特效案 (策展主題) ![3D 渲染圖：電磁加熱的分餾桶、列管式預熱與板式冷凝，附中英文標示](https://cheyuwu.com/static/lab/2016/chemical-plant-3d-2014.webp) 2014-02-07 原型Che-Yu Wu / render, 2014-02 2014-02-07 · 藝術家紀錄 採資料夾名稱的日期 20140207。渲染圖檔案時間 2 月 11 日到 26 日，流程動畫影片 3 月 19 日。 ### 化工機械廠房 3D 動畫：給高霖再生能源的製程影片 2014 年 2 月替高霖再生能源做的化工廠房 3D 動畫，那時他大一下。3ds Max 渲染把製程拆成列管式預熱、板式冷凝、循環冷卻、分餾桶與接收桶幾套設備，加上中英文標示和 a 到 i 的流向。3 月 19 日輸出用 Flash 做的流程動畫，片頭寫「高霖再生能源股份有限公司 工程流程圖」。 - 3D 動畫 - 工業製程 - 委託 來源 [前往原始頁面 ↗︎](https://cheyuwu.com/archive/chemical-plant-3d-2014/) [原件存檔（吳哲宇舊硬碟，2026-09-30 備份） ↗︎](https://cheyuwu.com/archive/chemical-plant-3d-2014/) 相關紀錄 [→ 設計講座〈深旅〉：交大學聯會行銷部長的 39 頁簡報](https://cheyuwu.com/zh/strata/2016/#lab-design-talk-2014) · 他在講座裡把這批渲染圖放進「3D 設計：工廠」 (策展主題) ![藍色的相機圖示，下方寫 Photographer 與問號](https://cheyuwu.com/static/lab/2016/sharing-deck-2014-01.webp) 2014-01-26 演講Che-Yu Wu / slide 1, 2014-01 2014-01-26 · 藝術家紀錄 採簡報檔的修改時間 2014-01-26。資料夾名稱寫 20140127Sharing，差一天。 ### 2014 年 1 月的分享簡報：兩個夢想、For Fun 到 Utopia 19 頁簡報，存檔日 2014 年 1 月 26 日。第一頁的標題是 Photographer 加一個問號，第五頁「What did I do」列出宏碁數位創作獎的成績，第六頁用一個 $ 和一個 ★ 的天秤講兩個夢想。後半每頁一個詞：For Fun、Share Joys、Surprise、Conbine、Reconstruct、Timing、Conclude、Social、Utopia，最後一頁是「The End And it's NOT The End」。同一個資料夾放了三支舊作影片，這裡沒有放。 - 簡報 - 分享 來源 [前往原始頁面 ↗︎](https://cheyuwu.com/archive/sharing-deck-2014-01/) [原件存檔（吳哲宇舊硬碟，2026-09-30 備份） ↗︎](https://cheyuwu.com/archive/sharing-deck-2014-01/) 相關紀錄 [→ 交大嘻哈研究社說明會簡報：食堂節奏快閃、壓力源遊戲、LightMare、Sensing Umbrella](https://cheyuwu.com/zh/strata/2016/#lab-nctu-hiphop-briefing-2014) · 四個月前的分享簡報，同一批詞 (策展主題) 2013 ![鏘：音樂會宣傳片的標題畫面｜YouTube 影片縮圖](https://cheyuwu.com/static/img/mirror/07e497fae248.jpg) 2013-11-14 原型Che-Yu Wu / YouTube 2013-11-14 · 已公開 採影片上傳日；音樂會在 11 月 30 日。 ### 鏘：陳啟昌 25 周年回顧音樂會宣傳片 一分多鐘的動態影像，說明寫「11/30 星期六 6:30 開演（6:00 免票入場）At 蘆洲功學社音樂廳」。畫面是金色書法體的「鏘」字與「陳啟昌 25 週年回顧音樂會」。他在建中口琴社三年，這支是他為口琴演奏家的音樂會做的宣傳片。 - 動態影像 - 口琴 來源 [前往原始頁面 ↗︎](https://www.youtube.com/watch?v=uLf-RTeuZZs) [Che-Yu Wu 吳哲宇 on YouTube ↗︎](https://www.youtube.com/watch?v=uLf-RTeuZZs) ![Joker：聚光燈下站在球上的小丑｜YouTube 影片縮圖](https://cheyuwu.com/static/img/mirror/5ede0b2a4367.jpg) 2013-11-07 音樂Che-Yu Wu / YouTube 2013-11-07 · 已公開 採影片上傳日；說明裡的創作日是兩天前。 ### Joker：2013 年 11 月的一首創作 說明只有「20131105 創作」。一分二十秒，畫面是一束聚光燈下站在球上的小丑剪影，四周是黑色的人影。這是大一上學期留在頻道上的一首曲子。 - 編曲 - 創作 來源 [前往原始頁面 ↗︎](https://www.youtube.com/watch?v=lYbh3w-oq9M) [Che-Yu Wu 吳哲宇 on YouTube ↗︎](https://www.youtube.com/watch?v=lYbh3w-oq9M) **為自己按讚** ![UDN TV《為自己按讚》第一集：數位創作，吳哲宇與林自均｜影片畫面](https://cheyuwu.com/static/lab/2016/udn-tv-press-like-2013.webp) 2013-10-21 訪談為自己按讚 / YouTube thumbnail 2013-10-21 · 已公開 採影片上傳日；播出日未在說明裡標明。 ### UDN TV《為自己按讚》第一集：數位創作，吳哲宇與林自均 聯合報系 udn.tv 的節目《為自己按讚》，第一集主題「數位創作」，兩位受訪者是吳哲宇與林自均。二十五分鐘的節目由頻道「為自己按讚」上傳，說明只有一行「udn.tv【為自己按讚】第一集 數位創作／吳哲宇．林自均」。他剛上大學一個多月，節目談的是高中時期一路得獎的數位創作。官網履歷把這一集列在報導裡。 - 電視 - 專訪 來源 [前往原始頁面 ↗︎](https://www.youtube.com/watch?v=uWG3IgBa6-0) [為自己按讚 on YouTube ↗︎](https://www.youtube.com/watch?v=uWG3IgBa6-0) [cheyuwu.com 履歷 ↗︎](https://cheyuwu.com/zh/cv/) ![淋巴結動畫畫面：紅色的淋巴結與細小的淋巴管](https://cheyuwu.com/static/lab/2016/lymphedema-animation-2013.webp) 2013-10-10 原型Che-Yu Wu / animation frame, 2013 2013-10-10 · 藝術家紀錄 採最後一版 VGLN_7.mp4 的檔案時間 2013-10-10。資料夾最早的檔案是 8 月 28 日的 hand.rar 與 8 月 29 日的 hand.avi，比這面牆的起點 9 月 9 日早，所以紀錄記在最後一版。 ### 淋巴水腫治療動畫：長庚醫院的 3D 醫療影片 2013 年秋天替長庚醫院做的 3D 醫療動畫，片尾字幕寫「Animation:Wu Che Yu」。64 秒的最後一版依序是設計 10 × 5 公分的皮瓣、切口、移植到手腕、血管接合、淋巴結吸收淋巴液，最後是重力的作用。工程從 8 月 28 日做到 10 月 10 日，留下 17 支渲染和 7 個版本。原件頁放其中 34 秒，拿掉了聲音。 - 3D 動畫 - 醫療 - 委託 來源 [前往原始頁面 ↗︎](https://cheyuwu.com/archive/lymphedema-animation-2013/) [原件存檔（吳哲宇舊硬碟，2026-09-30 備份） ↗︎](https://cheyuwu.com/archive/lymphedema-animation-2013/) 相關紀錄 [→ 設計講座〈深旅〉：交大學聯會行銷部長的 39 頁簡報](https://cheyuwu.com/zh/strata/2016/#lab-design-talk-2014) · 「3D 設計：醫療」那頁的醫療動畫 (策展主題) [→ 三采文化三本書的特效：《最光明，也最黑暗的醫療現場》片頭](https://cheyuwu.com/zh/strata/2016/#lab-suncolor-book-effects-2014) · 隔年同樣從醫療題材接到的特效案 (策展主題) ![體感滑鼠測試：程式碼與深度影像｜YouTube 影片縮圖](https://cheyuwu.com/static/img/mirror/153609469303.jpg) 2013-10-07 原型Che-Yu Wu / YouTube 2013-10-07 · 已公開 採影片上傳日。 ### 體感簡單滑鼠撰寫：用深度攝影機控制游標 一分鐘的螢幕錄影，畫面左邊是程式碼，右邊是深度攝影機的灰階人影，標題寫「體感簡單滑鼠撰寫」。沒有其他說明；這是大一那年秋天用 Kinect 一類的深度攝影機做的輸入測試。 - 體感 - Kinect 來源 [前往原始頁面 ↗︎](https://www.youtube.com/watch?v=jgL87Riktpw) [Che-Yu Wu 吳哲宇 on YouTube ↗︎](https://www.youtube.com/watch?v=jgL87Riktpw) 相關紀錄 [→ 語音辨識 API 可愛介面：對著瀏覽器說話的小實驗](https://cheyuwu.com/zh/strata/2016/#lab-speech-api-cute-ui) · 同一個秋天的另一個輸入實驗 (策展主題) ![語音辨識 API 可愛介面：瀏覽器裡的對話視窗｜YouTube 影片縮圖](https://cheyuwu.com/static/img/mirror/14628e6af0cf.jpg) 2013-09-22 原型Che-Yu Wu / YouTube 2013-09-22 · 已公開 採影片上傳日。 ### 語音辨識 API 可愛介面：對著瀏覽器說話的小實驗 一分多鐘的螢幕錄影，標題寫「語音辨識 API 可愛界面 XDDD」，畫面是瀏覽器裡一個動漫風格的對話介面，說話就會轉成文字。大一那年秋天的小實驗，沒有其他說明。 - 網頁實驗 - 語音 來源 [前往原始頁面 ↗︎](https://www.youtube.com/watch?v=gH3JiZqsciY) [Che-Yu Wu 吳哲宇 on YouTube ↗︎](https://www.youtube.com/watch?v=gH3JiZqsciY) 相關紀錄 [→ 體感簡單滑鼠撰寫：用深度攝影機控制游標](https://cheyuwu.com/zh/strata/2016/#lab-kinect-mouse-2013) · 同一個秋天的另一個輸入實驗 (策展主題) ![Logic 視窗截圖：Bluebird 鼓組、Unplugged Bass、Grand Piano and Pad、Medieval Lute、Church Choir 五條軌道](https://cheyuwu.com/static/lab/2016/logic-sketches-2013.webp) 2013-09-11 音樂Che-Yu Wu / Logic window capture, 2013-08-29 2013-09-11 · 藝術家紀錄 採大一開學後第一個以日期命名的工程 20130911，檔案時間 2013-09-11。最早的工程 Omni Night Sky 是 2013-08-29，比這面牆的起點 9 月 9 日早 11 天，音檔預覽取自它。 ### Logic 作曲練習：2013 秋到 2014 初的工程檔與一個預覽 大一上用 Logic 做的曲子。22 個工程從 2013 年 8 月 29 日到 2014 年 1 月 16 日，沒有匯出的完成曲，能播的只有 Omni Night Sky 裡 Logic 自動存下的 81 秒預覽。其他工程留下視窗截圖，看得到他試過的音色：鈴、豎琴、馬林巴、三角鋼琴、大鍵琴、長笛和古箏。 - Logic - 作曲 - 草稿 來源 [前往原始頁面 ↗︎](https://cheyuwu.com/archive/logic-sketches-2013/) [原件存檔（吳哲宇舊硬碟，2026-09-30 備份） ↗︎](https://cheyuwu.com/archive/logic-sketches-2013/)