CHE-YU WU / LAB
The school years in the making
Animation, music and code meet on one wall. Follow a documented connection, or begin with a single piece of paper.
2013-09-09 — 2016-09-0924 public records
Red string: documented links · Twine: shared themes · Hover a paper to read a connection.
Complete records ↓Read the year downwards, one month at a time. The small tags under a card are its connections: open one to jump to the record it names.
2013 · 09
2013 · 10
2013 · 11
2014 · 09
2014 · 12
2015 · 03
2015 · 05
2015 · 09
2015 · 11
2015 · 12
2016 · all year
2016 · 03
2016 · 04
2016 · 05
2016 · 06
2016 · 07
2016 · 09
Complete records
Read each record
Newest first, older as you go down. Each record retains its date basis, public sources and connection labels.
Animated Interactive Web Programming goes live
The publishTime in the Hahow public API is 1 September 2016, the planned start date. The course went on to become the largest of his three Hahow courses; in 2026 its page shows more than thirteen thousand purchases. The live work collector and the completion of all units belong to the 2016–2017 wall.
- Online course
- Teaching
- Sources
- Open the original page ↗︎
- Hahow 課程頁 ↗︎
- Hahow public course API ↗︎
- Related records
- → Hahow course one goes to crowdfunding · The same course goes live (Documented connection)
- → The syllabus and the examples, all written on CodePen · The course these examples teach (Documented connection)
Abstract: a computational visual identity from a short course at University of the Arts London
The work page gives the span as July to August 2016 and says the piece was completed during a short course at University of the Arts London. The brief was to visualise a given piece of music; he turned it into particles with web effects, added trajectories with gravity, repulsion and mouse interaction, so that each playback produces a unique visual identity. He calls it one of his favourite works. The “other works” list on his Hahow course page also names Abstract, music turned into visual form; the page was archived in March 2017 with a CodePen title still on it.
- Music visualisation
- Particles
- Sources
- Open the original page ↗︎
- cheyuwu.com ↗︎
- monoame.com/graphic_course/（2017-03 Wayback 存檔） ↗︎
- Hahow 課程頁「其他作品」 ↗︎
- Related records
- → Poems at Will, no. 1, Anxiety: a poem turned into an interactive page · Another visualisation from the same summer (Curatorial theme)
- → Hahow course one goes to crowdfunding · The same summer (Curatorial theme)
The syllabus and the examples, all written on CodePen
The syllabus of the first course is itself a pen: “Animated Interactive Web Programming — syllabus”, created on 30 June 2016, sat on the course page during the campaign and has been viewed tens of thousands of times. Through August, before the course opened, the examples appeared one by one: Project1 on 30 August, Demo2-5 on the 27th, Animated Web Design Example 1 on the 15th, the last carrying his own line: Che-Yu Wu, Monoame Design, from graphic design and animation to front- and back-end web work. The assignment links in the course page's unit list point at these pens.
- CodePen
- Course material
- Sources
- Open the original page ↗︎
- CodePen：動畫互動網頁程式入門-課程綱要 ↗︎
- CodePen：Project1 ↗︎
- CodePen：Demo2-5 ↗︎
- CodePen：Animated Web Design #Example-1 ↗︎
- Hahow 課程頁 ↗︎
- Related records
- → Hahow course one goes to crowdfunding · The syllabus and examples the course page links to (Documented connection)
- → Animated Interactive Web Programming goes live · The course these examples teach (Documented connection)
Poems at Will, no. 1, Anxiety: a poem turned into an interactive page
A June 2016 archive of monoame.com/poem/1/, titled “Poems at Will, no. 1, Anxiety”. The poem begins “anxiety is a clock with sixty second hands”, credited to the poet Mo Jin with interactive visuals by Monoame Design. The “other works” list on his Hahow course page calls it poem visualisation. It is among his earliest attempts at turning text into an interactive image, before the sketches and daily works on this site.
- Interactive visuals
- Poetry
- Sources
- Open the original page ↗︎
- monoame.com/poem/1/（2016-06-09 Wayback 存檔） ↗︎
- Hahow 課程頁「其他作品」 ↗︎
- Related records
- → Abstract: a computational visual identity from a short course at University of the Arts London · Another visualisation from the same summer (Curatorial theme)
Hahow course one goes to crowdfunding
The Hahow public API records the crowdfunding window of Animated Interactive Web Programming (HTML/CSS/JS) as 3 June to 3 July 2016, with a threshold of fifty backers; the update log on the course page notes on 7/4 that the campaign closed successfully. The course is pitched at designers and people with no programming background: write in Codepen and see the result at once, from page elements and Sass to Vue.js and an interactive piano. He was an electrical engineering undergraduate at the time.
- Online course
- Crowdfunding
- Sources
- Open the original page ↗︎
- Hahow 課程頁 ↗︎
- Hahow public course API ↗︎
- Related records
- → Animated Interactive Web Programming goes live · The same course goes live (Documented connection)
- → The syllabus and the examples, all written on CodePen · The syllabus and examples the course page links to (Documented connection)
- → Abstract: a computational visual identity from a short course at University of the Arts London · The same summer (Curatorial theme)
Complex Festival 2016: speaker number 28, “#Monoame Design, Che-Yu Wu”
An archive of complexfestival.info records the Complex Festival of 28 May with thirty-two selected speakers, number 28 being “#Monoame Design, Che-Yu Wu”. His own blurb: a third-year NCTU student who has played with everything since childhood, from animation onward; at university he ran the piano club and founded the student union's marketing department, built a giant Christmas tree, then declared the fireworks over and started again as Monoame Design. He built the site as well: the pen “Complex Festival” on his CodePen dates from 11 May.
- Talks
- Monoame Design
- Sources
- Open the original page ↗︎
- complexfestival.info（2016-05-29 Wayback 存檔） ↗︎
- CodePen：複雜生活節 Complex Festival ↗︎
- Hahow 課程頁「其他作品」 ↗︎
- Related records
- → NCTU Christmas Festival “Dance of Light”: a Christmas tree that flashes to the music · How he later described the tree (Curatorial theme)
TEDxHsinchu 2016: head of the information team, and the event site
An archive of the TEDxHsinchu 2016 site lists him in the team as head of the information department, next to Kuo Yi-ching, later the person who filmed the NCTU Christmas Festival opening, as head of design; the theme was “HSINCHU × 2016 × BIG VISION”. A pen named “tedcss” on his CodePen, created on 13 May 2016, holds the site's styles.
- TEDx
- Website
- Sources
- Open the original page ↗︎
- tedxhsinchu.com 團隊名單（2016-06-27 Wayback 存檔） ↗︎
- CodePen：tedcss ↗︎
- Related records
- → NCTU Christmas Festival “Dance of Light”: a Christmas tree that flashes to the music · The same people's earlier event (Curatorial theme)
Dyverse Studio: a website for a music studio
An August 2016 archive of the site, titled Dyverse Studio, says the studio was founded in 2016 with a mix of musical styles; his e-mail address sits in the page source. The pen “Dyverse Studio Index” on his CodePen was created on 7 May 2016, with a March version, “DYVERGE STUDIO”, and a July one, “Dyverse Studio 0719”, beside it. The “other works” list on his Hahow course page includes the studio, and the site is still online.
- Website
- Music studio
The new website of Shyang-Horng AutoCAD Training Center
Shyang-Horng is his father's AutoCAD training company; the CV on this site records drafting and AutoLISP work there from May 2014 to June 2016, and the biography on his Hahow course page lists its website and management system. The pen “Shyang-Horng new site” on his CodePen was created on 16 April 2016 and “Shyang-Horng back end” on 19 May; in an August 2016 archive every image on www.autocad.tw is served from monoame.com. The site is still online.
- Website
- Shyang-Horng
Smart City Hackathon, makers' jury grand prize: team Noise Airdrop
The Smart City Hackathon, run by the Industrial Development Bureau of the Ministry of Economic Affairs, was held on 12 and 13 March 2016 at the TAF Innovation Base, with 454 participants in 105 teams and prizes presented on 25 March alongside the Smart City Expo. The official winners list gives the makers' jury grand prize of NT$500,000 to entry 49, Noise Airdrop, which was his team; the CV on this site records first prize and the jury grand prize at this first edition, and the biography on his Hahow course page calls it the jury's super grand prize. The list names teams only; the link between the team and him is his own word.
- Hackathon
- Smart city
Self-taught Night: a journey of learning graphic design alone
The earliest talk on the CV on this site: Self-taught Night in 2016, on his journey of learning graphic design on his own. No event page or recording survives, only the line on the CV.
- Talks
- Self-taught
Kaobei NCTU 2.0: a new front end for the anonymous message board
A twelve-second video titled only “fbbb”: the browser shows “Kaobei NCTU 2.0”, an illustration of someone at a laptop above a posting box. A June 2016 archive keeps the page's own words: “what do you want to complain about? send · Kaobei NCTU v2.0”. The “other works” list on his Hahow course page includes it. Kaobei NCTU is the anonymous message board of NCTU students; this was his new interface for it.
- Web
- NCTU
monoame.com: the first website of Monoame Design
The Internet Archive's snapshot of 19 November 2015 is the earliest Monoame Design site that can still be found: the works page lists a single piece, Hummi Bird, under the slogan “Design your life, Design what Inspire your sight.”, and the about page describes a studio working across graphic, identity and web design. A pen on his CodePen titled “Monoame Index Old 2015”, created in March 2016, holds the source of that home page. The CV on this site dates the founding of Monoame to 2014.
- Monoame Design
- Website
- Sources
- Open the original page ↗︎
- monoame.com 作品頁（2015-11-19 Wayback 存檔） ↗︎
- monoame.com 關於頁（2015-11-19 Wayback 存檔） ↗︎
- CodePen：Monoame Index Old 2015 ↗︎
- cheyuwu.com 履歷 ↗︎
- Related records
- → Taipei International Cosmetics Expo: two years of website, ticketing and membership system · The studio site on the same domain (Curatorial theme)
Forgotten Blue
A piece of just over two minutes. The description is a short poem: memories are salty like sea wind, some are islands slowly swallowed by the waves of a blue sea. The frame is an island made of white waves on blue.
- Original
- Music
- Sources
- Open the original page ↗︎
- Che-Yu Wu 吳哲宇 on YouTube ↗︎
- Related records
- → To You in My Memory: arrangement, narration and editing · The previous song on the channel (Curatorial theme)
NCTU EE Night: testing the little robot installation
A forty-seven-second test video: the words “5/17 NCTU EE Night” projected on a wall beside two small yellow block robots. No further description; an installation for the electrical engineering department's evening event in May 2015.
- Installation
- NCTU
- Sources
- Open the original page ↗︎
- Che-Yu Wu 吳哲宇 on YouTube ↗︎
- Related records
- → NCTU Christmas Festival “Dance of Light”: a Christmas tree that flashes to the music · The next installation on the same campus (Curatorial theme)
Selinko × Rémy Martin: the app interface for an NFC-verified bottle
The work page gives the span as March to May 2015, with the Belgian start-up Selinko and Rémy Martin as clients. It describes a campaign app for the Chinese market: with counterfeit spirits common, Selinko put an NFC chip in the cap that is destroyed on opening, so a scan shows whether a bottle has been reused. He proposed extending Rémy Martin's identity, presented a mood board for the interface's motion concept, and delivered a minimal, modern interface; the other task was a 3D model and animation of the bottle that the client wanted as close to the real one as possible. Selinko's press release of 1 July 2015 announced the Rémy Martin Centaur Connected app; the campaign film embedded on the work page was uploaded to Vimeo by the production company Ouat.
- UI design
- 3D
- Sources
- Open the original page ↗︎
- cheyuwu.com ↗︎
- Selinko 新聞稿 2015-07-01（Wayback 存檔） ↗︎
- 活動影片（Ouat Prod 上傳 Vimeo） ↗︎
- Related records
- → Taipei International Cosmetics Expo: two years of website, ticketing and membership system · A commission from the same year (Curatorial theme)
To You in My Memory: arrangement, narration and editing
The description credits the song and vocals to Chou Yu-hsi and the arrangement, narration and editing to Che-Yu Wu, and prints the full lyric. The frame shows a figure on a forest path in autumn with the title set in the middle. A two-and-a-half-minute music video; his part was the arrangement and the picture.
- Arrangement
- Music video
- Sources
- Open the original page ↗︎
- Che-Yu Wu 吳哲宇 on YouTube ↗︎
- Related records
- → Forgotten Blue · The previous song on the channel (Curatorial theme)
NCTU Christmas Festival “Dance of Light”: a Christmas tree that flashes to the music
The description calls this the second stage of the student union marketing department's Project Smile: music and lights arranged together so that people crossing campus would slow down. The work page says he led six people from the department, bought Arduino boards, replaced the light strings' control boxes with a board of their own, choreographed seven layers of lights to a piece of music, and drew more than five hundred students to a show in front of the library on Christmas Eve. An Apple Daily item on 22 December reports commenters calling it “a tech nerd's idea of romance” and notes the 4.5-metre tree came from the department head. The test video has passed thirty-seven thousand views.
- Arduino
- NCTU
- Sources
- Open the original page ↗︎
- Che-Yu Wu 吳哲宇 on YouTube ↗︎
- cheyuwu.com ↗︎
- 蘋果日報 2014-12-22（PTT 轉錄） ↗︎
- 點燈開幕式全程（郭翊慶 上傳） ↗︎
- Proj.Smile 微笑企劃 Facebook ↗︎
- Related records
- → NCTU EE Night: testing the little robot installation · The next installation on the same campus (Curatorial theme)
- → Complex Festival 2016: speaker number 28, “#Monoame Design, Che-Yu Wu” · How he later described the tree (Curatorial theme)
- → TEDxHsinchu 2016: head of the information team, and the event site · The same people's earlier event (Curatorial theme)
Taipei International Cosmetics Expo: two years of website, ticketing and membership system
The work page gives the span as September 2014 to September 2015, with the United Daily News as the client. It describes Taiwan's largest cosmetics fair: he designed the website, built a ticketing system, and reworked the visual identity and site four times in a year, bringing the look of international beauty brands into a conservative trade show. He ran the site two years in a row and later built a membership system that issued free tickets against ID, tracked visiting habits and handled admission checks for about twenty thousand visitors. A November 2015 archive of the monoame.com home page is in fact a staging copy of the 25th Taipei International Cosmetics Expo site, with “site design and development: Monoame Design” in the footer.
- Website
- Commission
- Sources
- Open the original page ↗︎
- cheyuwu.com ↗︎
- 美容展網站測試版（monoame.com 2015-11 Wayback 存檔） ↗︎
- Hahow 課程頁個人經歷 ↗︎
- Related records
- → monoame.com: the first website of Monoame Design · The studio site on the same domain (Curatorial theme)
- → Selinko × Rémy Martin: the app interface for an NFC-verified bottle · A commission from the same year (Curatorial theme)
Trailer for Chen Chi-chang's 25th anniversary harmonica concert
A short motion piece whose description gives the date, Saturday 30 November at 6:30pm, free admission, at the KHS concert hall in Luzhou. The frame is a gold calligraphic character with the concert's title. After three years in the Jianguo harmonica club, this was a trailer he made for a harmonica player's anniversary concert.
- Motion graphics
- Harmonica
Joker: a piece written in November 2013
The description reads only “written 5 November 2013”. Eighty seconds long; the frame shows a jester's silhouette balanced on a ball under a spotlight, ringed by dark figures. A piece from the first term of his first year.
- Arrangement
- Original
UDN TV, Press Like for Yourself, episode one: digital creation with Che-Yu Wu and Lin Tzu-chun
The udn.tv programme Press Like for Yourself, whose first episode on digital creation interviewed Che-Yu Wu and Lin Tzu-chun. The twenty-five-minute episode was uploaded by the programme's own channel with a one-line description. He was a month into university; the conversation is about the prize-winning digital work of his school years. The CV on this site lists the episode among his press.
- Television
- Interview
A simple motion-sensing mouse: driving the cursor with a depth camera
A one-minute screen recording with code on the left and a grey depth-camera silhouette on the right, titled “writing a simple motion-sensing mouse”. No further description; an input test made with a Kinect-type depth camera in the autumn of his first year.
- Motion sensing
- Kinect
- Sources
- Open the original page ↗︎
- Che-Yu Wu 吳哲宇 on YouTube ↗︎
- Related records
- → A cute interface for the speech recognition API · Another input experiment from the same autumn (Curatorial theme)
A cute interface for the speech recognition API
A screen recording of just over a minute, titled “a cute interface for the speech recognition API XDDD”: an anime-style chat window in the browser that turns speech into text. A small experiment from the autumn of his first university year, with no further description.
- Web experiment
- Speech
- Sources
- Open the original page ↗︎
- Che-Yu Wu 吳哲宇 on YouTube ↗︎
- Related records
- → A simple motion-sensing mouse: driving the cursor with a depth camera · Another input experiment from the same autumn (Curatorial theme)