CHE-YU WU / LAB

A year in the making

Art, sound, tools and teaching meet on one wall. Follow a documented connection, or begin with a single piece of paper.

2017-09-09 — 2018-09-09
25 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.

2017 · 08

2017 · 10

2018 · all year

2018 · 01

2018 · 02

2018 · 03

2018 · 04

2018 · 05

2018 · 06

2018 · 07

2018 · 08

2018 · 09

2018 · 12

Family treeHow 818 daily sketches grew out of one another46 families drawn as branching trees with thumbnails, 2018 to 2026

Complete records

Read each record

Each record retains its date basis, public sources and connection labels.

Taken from the publishTime in Hahow's API, 24 days before this window opens; the recording and release of the course itself ran on into August 2018, so the whole production period sits inside the window. Figures read from the course page today, 13 September 2026, are 6,229 students, a 4.98 rating from 225 reviews, 185,106 seconds of video and 954,373 page views, all accumulated over the eight years since.Published

Introduction to Animated Interactive Web Effects — the second Hahow course

Hahow's public API records this course's publishTime as 16 August 2017. The course page is titled Introduction to Animated Interactive Web Effects (JS/CANVAS) and describes a fast route from zero into interactive web pages, JavaScript and hands-on drawing examples, ending with Vue.js as the front-end layer. His own essay dates the production from August 2017 to August 2018, spanning basic web pages, introductory JavaScript, Canvas and effect animation up to advanced Vue, with more than 60 examples and over 400 slides. Crowdfunding passed 600 percent in under ten hours, and the essay records close to 2,300 students at the time of writing.

  • Teaching
  • Mathematics
Hahow course cover: Animated Web FX Introduction
Che-Yu Wu / Hahow course cover
Sources & related records
Published

n3xt2017 — public repository for a Za Share expo site

A public GitHub repository created on 1 October 2017, with Vue as its recorded language and a last push on 3 November 2022. Its README carries only the repository name, and the description field is empty.

  • Repository
  • Expo site
Sources & related records
The recording is titled R2-Day2 and the slide deck was posted to SlideShare on 29 October 2017, which together point to the conference's second day. The official recording itself only went online on 19 January 2018, and the MOPCON 2017 speaker page now returns a 404.Past event record

Web motion integration and architecture with Vue, GSAP and D3 — MOPCON 2017

A session in room R2 on the second day of MOPCON 2017. The description on the official recording states that building visual web work across varying interaction needs requires integrating and structuring several frameworks so that data drives both content and motion, and that the talk walks through cases met in production, from visual design into web development, joining Vue-cli, GSAP and D3, and using Vuex as the hub for user input state to govern motion across multiple pages. The recording runs 49 minutes 26 seconds.

  • Talk
  • Front-end architecture
Sources & related records
Publication date as marked on the SlideShare page.Published

Vue, GSAP and D3 for web motion architecture — slide deck

A public 68-slide deck credited to Che-Yu Wu, dated 29 October 2017 on its SlideShare page and carrying around 1,995 views. Its outline covers Vue fundamentals, the mathematics of animation and easing, Vuex state management for driving motion, abstracting animation into components, and lifecycle work where frameworks meet, separating a data layer, a transformation layer and a presentation layer.

  • Slides
  • State management
Sources & related records
Published

ideaSQL Instagram crawler

A public GitHub repository created and last pushed on 31 October 2017, written in Python and carrying one star. Its README states the usage plainly: install Firefox and python selenium on a Mac, pass a hashtag with -q and a count with -n, with sample commands fetching 3,000 posts each for two tags.

  • Crawler
  • Data collection
Sources & related records
His article page gives only the year 2018 and places it in the first year of the two-year NYU IDM master's. That semester opened in September 2018, so the writing itself falls after this window closes; what sits inside the window is his enrolment in August 2018.Published

The Evolution of Information Theory in the Digital Era — NYU IDM final essay

The final essay for Media Theory D in his first semester at NYU IDM, dated 2018 on his own article page. It runs from marks cut into ancient rock to future models of information, drawing on Wiener's Cybernetics, Shannon's mathematical theory of communication and Hayles on the posthuman, asking whether a message holds together once it passes through different receivers and media, and proposing a third property beside speed and accuracy: how long a message lasts. It places messages on a scale between static and dynamic, and names the contemporary tendency as static messages manufactured by dynamic means.

  • Media theory
  • Information
Sources & related records
Published

deerlight2018 public repository

A public GitHub repository created on 25 January 2018 and last pushed on 9 April 2018, with Vue as its recorded language. Its README is the default Vue.js project scaffold, listing commands to install dependencies and serve with hot reload on localhost:8080, with no description written for the project itself.

  • Repository
  • Commissioned work
Sources & related records
The date comes from the original record date printed on his own experiments page. CodePen itself now blocks programmatic reads outright, so it could not be checked again at source.Published

Project 12 Space Invader

An interactive experiment preserved on CodePen. His own experiments page records the original date as 10 February 2018 and offers two ways in, the running result and the source. The Project 12 numbering in the title follows the same scheme as the project numbers in his course material of that period.

  • Interactive experiment
  • Canvas
Project 12 Space Invader — work still
Che-Yu Wu
Sources & related records
Publication date from YouTube; the 0212 prefix in the title refers to the day it was recorded, three days earlier.Published

0212 casual coding live — object orientation

An archived live stream on his Boss, Coding Please channel, published 15 February 2018, running 1 hour 25 minutes 5 seconds with 1,425 views. The title frames the session as casual coding, with object orientation as its subject. It is the channel's first upload after it went quiet in July 2017.

  • Live teaching
  • Object orientation
0212 casual coding live — live stream thumbnail
Che-Yu Wu / YouTube
Sources & related records
From the 1.0.0 publish time in the npm registry; the GitHub repository was created on the same day.Published

monoame-softscroll — a whole-site soft scroll package

A small package published to npm, described in the repository as a soft scroll library for a whole website and on npm as soft scrolling for all place in website. Its first version went up on 2 March 2018, followed by several patch releases the same day. The README states that it is a soft scroll plugin built on jQuery and GSAP, and that importing softscroll is enough to ease the scrolling of an entire site.

  • Package
  • Scrolling
Sources & related records
From the 1.0.0 publish time in the npm registry.Published

monoame-preloader — an image preloading package

A small package published to npm, described in the repository as a preloader for website resources and on npm as a preloader for image. Its first version went up on 2 March 2018. The README states that it is a light promise-based script for loading an array of images.

  • Package
  • Asset loading
Sources & related records
The date comes from the original record date printed on his own experiments page. CodePen itself now blocks programmatic reads outright.Published

Music String

An interactive experiment preserved on CodePen. His own experiments page records the original date as 10 March 2018 and offers two ways in, the running result and the source. The work page files it under generative and links it to his later thesis on music expression.

  • Sound
  • Interactive experiment
Music String — work still
Che-Yu Wu
Sources & related records
Published

mrt2018 — public repository for a Taipei MRT soundscape contest site

A public GitHub repository created on 23 March 2018 and last pushed on 28 November 2018, with Vue as its recorded language. The first line of its README reads taipei mrt 2018 music contest, and the rest is the standard Vue.js scaffold. The matching public site, taipeisoundscape.com, is still online and titled as the 2018 Taipei Soundscape Project for MRT station ambient music, subtitled mrt2018.

  • Sound
  • Public space
Sources & related records
  • Music String · Sound-related work from the same year (Curatorial theme)
Published

imagenthu_frontend — front end for an NTHU campus image show

A public GitHub repository created on 16 April 2018 and last pushed on 23 May 2018, recorded as JavaScript with the default Vue.js scaffold as its README. The repository name matches the entry in his CV for February to June 2018, as an interactive design engineer at NTHU's Research Center for Technology and Art working on an IoT exhibition called Image of NTHU.

  • Internet of things
  • Exhibition
Sources & related records
Publication date from YouTube.Published

Building agar.io with object orientation and mathematics

A course excerpt on his channel, published 28 April 2018, running 12 minutes 1 second with 1,606 views. The title files it under the Animated Interactive Web Effects course and states its subject as building agar.io out of object orientation and mathematics.

  • Course example
  • Mathematics
Building agar.io with object orientation and mathematics — live stream thumbnail
Che-Yu Wu / YouTube
Sources & related records
Published

Vue-Studio — an interactive Vue component and data editor

A public GitHub repository created and last pushed on 19 May 2018, described as an interactive Vue component and data editor. Its README states that the project experiments with an interactive Vue component editor operated by dragging and dropping data into a component, and includes a screenshot of the interface.

  • Tooling
  • Interface experiment
Sources & related records
Publication date from YouTube.Published

Thursday coding — a real-time game with socket.io

An archived stream from his Thursday coding series, published 25 May 2018, running 1 hour 18 minutes 52 seconds with 23,767 views, the most watched of this run of streams. Its subject is building a real-time interactive game with socket.io.

  • Real-time interaction
  • Live teaching
A real-time game with socket.io — live stream thumbnail
Che-Yu Wu / YouTube
Sources & related records
Publication date from YouTube.Published

Front-end training chamber, week 1 — Todolist, part one

An archived stream published 11 June 2018, running 1 hour 38 minutes 36 seconds with 4,642 views. The title opens a new series name, a front-end training chamber, whose first week takes a Todolist as its subject; this is part one.

  • Live teaching
  • Front-end basics
Front-end training chamber week 1 Todolist part one — live stream thumbnail
Che-Yu Wu / YouTube
Sources & related records
Publication date from YouTube.Published

Thursday coding — a hand-rolled paint app with Canvas inheritance

An archived stream from his Thursday coding series, published 21 June 2018, running 1 hour 35 minutes 53 seconds with 1,567 views. Its subject is Canvas with object orientation and inheritance, hand-rolling an architecture for interface controls to build a small paint application. It is the channel's last live stream before he left for New York.

  • Canvas
  • Inheritance
Canvas object orientation and inheritance paint app — live stream thumbnail
Che-Yu Wu / YouTube
Sources & related records
The RSS feed of the Medium publication records 23 July 2018 as the updated date, inside this window, while the text itself says it was written in 2016. The same feed records 21 September 2018 as the date it was added to the publication.Published

Never Just an Online Course — A Wager on Driving Evolution Forward

A long essay of his own, a 2016 draft reorganised and reissued in 2018. It starts on the day his first Hahow course had been live a month and enrolment reached 1,667, then counts back through three years of commissions: from HTML and CSS into JavaScript, on to SVG and Canvas animation, into PHP and databases for a ticketing system, and finally to Angular.js and Vue.js, where he fell for turning data into pages. The original thirteen-lesson outline collapsed once recording began and grew past ninety, because he found that without visible output the learner never catches the idea.

  • Education
  • First-person account
Hahow course cover: Animated Web FX Introduction
Che-Yu Wu / Hahow course cover
Sources & related records
His own article page dates the writing to August 2018, just inside this window, while the Medium original carries 20 September 2018 as its updated date and 21 September 2018 as the day it entered the publication, both around eleven days after the window closes. The month from his own site is used here.Published

Brewing an Online Coding Course That Fuses Web, Design, Math and Effects

A long essay written after the second Hahow course was finished. He dates the production as a full year from August 2017 to August 2018, starting from the live stream he ran from April 2017, where the chat groaned the moment trigonometry entered the effects. That annoyed him, so the course came out spanning basic web pages, introductory JavaScript, Canvas and effect animation up to advanced Vue, with more than 60 examples and over 400 slides. The essay states what he wants from teaching: a teacher as a lamp that parts the fog so you see the world as it is, and mathematics whose real beauty is that one equation can predict what comes next.

  • Education
  • Mathematics
Hahow course cover: Animated Web FX Introduction
Che-Yu Wu / Hahow course cover
Sources & related records
From the creation time in OpenProcessing's API, one day after this window closes. No earlier record on that platform could be found, so this day is where that line of practice begins, and it is listed here as the window's closing edge.Published

The first sketch on his OpenProcessing account

OpenProcessing's API records this sketch as created on 10 September 2018, the earliest of the 783 on his account, with a second following the same evening. It is untitled, recorded in p5js mode, with empty description and instruction fields. Named exercises begin appearing the next day, one of them titled after a Sol LeWitt wall drawing.

  • p5.js
  • Daily practice
First OpenProcessing sketch — still
Che-Yu Wu / OpenProcessing
Sources & related records
From the creation time in OpenProcessing's API, two days after this window closes.Published

Sol LeWitt's wall drawing — a p5.js sketch

OpenProcessing's API records this sketch as created on 11 September 2018, titled after a Sol LeWitt wall drawing, in p5js mode under a by-nc-sa licence, with an empty description. It is among the earliest named sketches on his account, alongside two others made the same day.

  • p5.js
  • Instruction drawing
Sol LeWitt's wall drawing sketch — still
Che-Yu Wu / OpenProcessing
Sources & related records
Publication date from YouTube, two days after this window closes; the 20180910 prefix refers to the day it was made, itself one day after the close.Published

20180910 — a short p5.js motion study

A short clip on his channel, published 11 September 2018, running 30 seconds with 1,308 views. The title puts the date first and calls the content a short p5.js motion study. It is the first video on the channel to take p5.js as its subject, after years of front-end frameworks and Canvas.

  • p5.js
  • Short clip
20180910 short p5.js motion study — live stream thumbnail
Che-Yu Wu / YouTube
Sources & related records
The RSS feed of the Medium publication records 21 December 2018 as the updated date, a little over three months after this window closes. It is listed here because what it records begins in the month the window ends, the first semester after he arrived in New York in August 2018.Published

Evolution Diary of Being a TA in Grad School at NYU

A long essay written after his first semester at NYU IDM. He describes hunting for campus work as term opened, applying to be a UX designer in the IT department and hearing nothing, then applying for a research assistant post in his own department and getting it, his first salaried job. Across one semester he covered more than 40 students spanning several professors and year groups, and built himself a booking system, a TA log, weekly reports, canned email templates and outcome analysis, for the reason the essay gives: he could not sit there and merely wait to be asked.

  • Teaching assistant
  • Systems
Sources & related records