CHE-YU WU / LAB # 求學時期的創作現場 沿著動畫、音樂與程式，走進那幾年留下的公開紀錄。 2013-09-09 — 2016-09-09 24 筆公開紀錄 紅線：來源關聯 麻線：共同主題 移到紙上看關係名稱 [完整紀錄 ↓](https://cheyuwu.com/zh/lab/2016/#lab-records) ****案件紀錄**2013-09-09 / 2016-09-0924 筆 這裡依月份往下讀，每張卡下面的小標是它的關係，點一下會跳到另一筆紀錄 ### 2013 · 09 ** ![](https://cheyuwu.com/static/img/mirror/14628e6af0cf.jpg) - ### 2013 · 10 ** ![](https://cheyuwu.com/static/img/mirror/153609469303.jpg) - *體感* ** ### 2013 · 11 ** ![](https://cheyuwu.com/static/img/mirror/5ede0b2a4367.jpg) *編曲* ** ![](https://cheyuwu.com/static/img/mirror/07e497fae248.jpg) ### 2014 · 09 ** ![](https://cheyuwu.com/static/img/mirror/86efa099e84b.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 ** - *墨雨設計* ### 2015 · 12 ** ![](https://cheyuwu.com/static/img/mirror/1682d1bc130d.jpg) ### 2016 · 全年 ** ### 2016 · 03 ***黑客松* ### 2016 · 04 ** ### 2016 · 05 ** ** - *TEDx* ** - ### 2016 · 06 ** ![](https://cheyuwu.com/static/lab-captures/hahow-webdesign1.webp) - - - *線上課程* ** - *互動視覺* ** - - *CodePen* ### 2016 · 07 ** ![](https://cheyuwu.com/static/img/mirror/f3b1bdd4740f.jpg) - - ### 2016 · 09 ** ![](https://cheyuwu.com/static/lab-captures/hahow-webdesign1.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 ![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/lab/2016/#lab-course1-fundraising-open) · 同一門課上線 (來源關聯) [→ 課程綱要與範例都寫在 CodePen 上](https://cheyuwu.com/zh/lab/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/lab/2016/#lab-poem-visualisation-2016) · 同一個夏天的另一件視覺化 (策展主題) [→ 動畫互動網頁程式入門：Hahow 第一門課募資上線](https://cheyuwu.com/zh/lab/2016/#lab-course1-fundraising-open) · 同一個夏天 (策展主題) 2016-06-30 課程 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/lab/2016/#lab-course1-fundraising-open) · 課程頁連到的綱要與範例 (來源關聯) [→ 動畫互動網頁程式入門正式上線](https://cheyuwu.com/zh/lab/2016/#lab-course1-published) · 這些範例要教的那門課 (來源關聯) 2016-06-09 原型 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/lab/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/lab/2016/#lab-course1-published) · 同一門課上線 (來源關聯) [→ 課程綱要與範例都寫在 CodePen 上](https://cheyuwu.com/zh/lab/2016/#lab-course1-syllabus-pens) · 課程頁連到的綱要與範例 (來源關聯) [→ Abstract：倫敦藝術大學短期課程的運算視覺識別](https://cheyuwu.com/zh/lab/2016/#lab-ual-abstract-visual-identity) · 同一個夏天 (策展主題) 2016-05-28 演講 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/lab/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/lab/2016/#lab-nctu-christmas-tree-2014) · 同一群人的前一個活動 (策展主題) 2016-05-07 原型 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) 2016-04-16 原型 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) 2016-03-12 獎項 2016-03-12 · 已公開活動紀錄 採競賽日；頒獎典禮在 3 月 25 日。隊名由哲宇 2026-09-18 確認。 ### 智慧城市黑客松實踐家評審大獎：雜訊空投 經濟部工業局主辦的智慧城市黑客松，官網記 2016 年 3 月 12 日到 13 日在 TAF 空總創新基地，454 位參賽者組成 105 隊，3 月 25 日結合智慧城市展頒獎。官方得獎名單的實踐家評審大獎（獎金 50 萬）是「49、雜訊空投」，那就是他的隊伍；官網履歷把這一場記為第一屆智慧城市黑客松首獎與評審團大獎，Hahow 課程頁的個人經歷寫「台北智慧城市黑客松評審團超級大獎」。名單只列隊名，把隊名和他連起來的是他本人。 - 黑客松 - 智慧城市 來源 [前往原始頁面 ↗︎](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) 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) 2015-11-19 原型 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/lab/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/lab/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/lab/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/lab/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/lab/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/lab/2016/#lab-ee-night-robot-2015) · 同一個校園的下一件裝置 (策展主題) [→ 複雜生活節 2016：講者第 28 號「#墨雨設計 吳哲宇」](https://cheyuwu.com/zh/lab/2016/#lab-complex-festival-2016) · 他後來怎麼說這棵樹 (策展主題) [→ TEDxHsinchu 2016：資訊部部長與大會網站](https://cheyuwu.com/zh/lab/2016/#lab-tedxhsinchu-2016) · 同一群人的前一個活動 (策展主題) ![台北國際美容展網站｜作品頁主視覺](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/lab/2016/#lab-monoame-site-2015) · 同一個網域上的工作室官網 (策展主題) [→ Selinko × Remy Martin：NFC 驗真酒瓶的活動 App 介面](https://cheyuwu.com/zh/lab/2016/#lab-selinko-remy-martin-app) · 同一年的委託案 (策展主題) 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) **CHE-YU WU · PRESS** 2013-10-21 訪談 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/) ![體感滑鼠測試：程式碼與深度影像｜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/lab/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/lab/2016/#lab-kinect-mouse-2013) · 同一個秋天的另一個輸入實驗 (策展主題)