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. 2019-09-09 — 2020-09-09 37 public records Red string: documented links · Twine: shared themes · Hover a paper to read a connection. [Complete records ↓](https://cheyuwu.com/lab/2020/#lab-records) ![](https://kyoko.openprocessing.org/thumbnails/visualThumbnail2290248@2x.jpg) ![](https://cheyuwu.com/static/img/sketches/923989-sm.webp) ![](https://kyoko.openprocessing.org/thumbnails/visualThumbnail1060246@2x.jpg?hash=2021-01-12%2022%3A05%3A56) ![](https://cheyuwu.com/static/img/sketches/1635740-sm.webp) ![](https://cheyuwu.com/static/img/sketches/1615617-sm.webp) ![](https://kyoko.openprocessing.org/thumbnails/visualThumbnail625042@2x.jpg?hash=2018-11-09%2019%3A51%3A34) ![](https://kyoko.openprocessing.org/thumbnails/visualThumbnail853615@2x.jpg?hash=2020-03-06%2018%3A15%3A01) ![](https://cheyuwu.com/static/img/sketches/925596-sm.webp) Family tree**How 818 daily sketches grew out of one another**46 families drawn as branching trees with thumbnails, 2018 to 2026→ [https://cheyuwu.com/lineage](https://cheyuwu.com/lineage) ****Case file**2019-09-09 / 2020-09-0937 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. ### 2019 · all year ** - - - *Music* ### 2019 · 12 ** ![](https://firebasestorage.googleapis.com/v0/b/wucheyu-portfolio.appspot.com/o/images%2FEXPLODE%20-%20Motion%20Capture%20Piece%2Fcover.jpg?alt=media&token=00361d85-e051-41b5-92b4-265239265666) - *Motion capture* ### 2020 · all year ** ![](https://firebasestorage.googleapis.com/v0/b/wucheyu-portfolio.appspot.com/o/images%2FFloating%20in%20the%20sky%20-%20VR%20experience%2Fcover.jpg?alt=media&token=859951c9-44ed-42d6-90ca-5628ecfca3e7) - ### 2020 · 03 ** - *Masks* ** - ** - *Realtime* ** - ### 2020 · 04 ** ![](https://kyoko.openprocessing.org/thumbnails/visualThumbnail877117@2x.jpg?hash=2020-04-19%2020%3A57%3A29) - *Particles* ** ![](https://cheyuwu.com/static/img/sketches/877614-sm.webp) *Particles* ** ![](https://cheyuwu.com/static/img/sketches/880483-sm.webp) ** ** - *Open source* ** ![](https://cheyuwu.com/static/img/sketches/883193-sm.webp) - ** ![](https://cheyuwu.com/static/img/sketches/885665-sm.webp) *Scores* ### 2020 · 05 ** ![](https://kyoko.openprocessing.org/thumbnails/visualThumbnail889053@2x.jpg?hash=2020-05-05%2020%3A53%3A10) *Anemones* ** ![](https://cheyuwu.com/static/img/sketches/892021-sm.webp) - *Planets* ** ![](https://cheyuwu.com/static/img/sketches/892614-sm.webp) ** ![](https://cheyuwu.com/static/img/sketches/902876-sm.webp) - ** ![](https://cheyuwu.com/static/img/sketches/903498-sm.webp) - - *Physics engine* ** ![](https://cheyuwu.com/static/img/sketches/905319-sm.webp) - ### 2020 · 06 ** - - - - ** - - ** ![](https://cheyuwu.com/static/img/sketches/909343-sm.webp) - *Video* ** ![](https://cheyuwu.com/static/img/sketches/914673-sm.webp) - ** - ** ![](https://cheyuwu.com/static/img/sketches/918427-sm.webp) - ** ![](https://cheyuwu.com/static/img/sketches/919913-sm.webp) *Interaction* ** ![](https://cheyuwu.com/static/img/sketches/923287-sm.webp) - *Shaders* ** ![](https://cheyuwu.com/static/img/sketches/923304-sm.webp) - *Shaders* ** - ### 2020 · 07 ** ![](https://cheyuwu.com/static/img/sketches/925596-sm.webp) ** ![](https://cheyuwu.com/static/img/sketches/926217-sm.webp) *Shaders* ** ![](https://cheyuwu.com/static/img/sketches/926998-sm.webp) *Voronoi* ** ![](https://cheyuwu.com/static/img/sketches/931034-sm.webp) - *DNA* ### 2020 · 08 ** ![](https://cheyuwu.com/static/img/sketches/940727-sm.webp) - ** ![](https://cheyuwu.com/static/img/sketches/941774-sm.webp) *String theory* ### 2020 · 09 ** ![](https://kyoko.openprocessing.org/thumbnails/visualThumbnail954948@2x.jpg?hash=2020-09-03%2023%3A13%3A55) Complete records ## Read each record Each record retains its date basis, public sources and connection labels. 2019The site gives only a year, while the CV records the thesis as spanning 2018 to 2020. The exact date inside this window is still to be confirmed.Published ### Intuitive Music Expression — NYU IDM thesis The site's thesis page carries the badge NYU IDM Thesis 2019 for a web tool described there as a way for people to work together, edit and change melody intuitively, with the stated goal of finding a more intuitive, understandable and playful way to express and make music. The page links a midterm and a final video and embeds a sketch that runs in the browser. - Music - Thesis Sources & related records - [Open the original page ↗](https://cheyuwu.com/thesis/) - [cheyuwu.com](https://cheyuwu.com/thesis/) - [EXPLODE — motion capture performance](https://cheyuwu.com/lab/2020/#lab-explode-motion-capture) · Work from the same NYU IDM years (Curatorial theme) - [Floating in the Sky selected for NYC Media Lab and the FutureTech Showcase](https://cheyuwu.com/lab/2020/#lab-floating-in-the-sky-showcase) · Work from the same NYU IDM years (Curatorial theme) - [p5-vue-mirror — a live-editing p5.js editor component](https://cheyuwu.com/lab/2020/#lab-repo-p5-vue-mirror) · The thesis page's interactive sketch is carried by this component (Curatorial theme) 2019-12-14Taken from the date printed on the work page; whether it marks the public performance could not be confirmed from the source.Past event record ### EXPLODE — motion capture performance The work page on the site is dated 14 December 2019 and lists the roles Unreal developer, scene design and performer. It describes a motion capture experience of a daydream world entered through a small bottle of coke, where the audience's cokes take part in forming the mirage and shape it in real time, and states that the creation never ends. - Motion capture - Performance ![EXPLODE motion capture performance — work page image](https://firebasestorage.googleapis.com/v0/b/wucheyu-portfolio.appspot.com/o/images%2FEXPLODE%20-%20Motion%20Capture%20Piece%2Fcover.jpg?alt=media&token=00361d85-e051-41b5-92b4-265239265666) Che-Yu Wu Sources & related records - [Open the original page ↗](https://cheyuwu.com/project/-LwfDqH6G66XVuMrZX0F/) - [cheyuwu.com](https://cheyuwu.com/project/-LwfDqH6G66XVuMrZX0F/) - [Intuitive Music Expression — NYU IDM thesis](https://cheyuwu.com/lab/2020/#lab-thesis-intuitive-music) · Work from the same NYU IDM years (Curatorial theme) 2020The work page and the CV disagree on the year. The CV's 2020 is used here; the exact date, and whether it falls inside this window, is still to be confirmed.Past event record ### Floating in the Sky selected for NYC Media Lab and the FutureTech Showcase The selection record for the VR piece Floating in the Sky. The honours line on the work page reads Deloitte private showcase, 2020 and NYC Media Lab Exhibition, 2019, while the CV files both under 2020, as an accepted work for the NYC Media Lab Exhibition and a selected work for the FutureTech Showcase with Palpable Media and Deloitte. The piece itself is a first-person interactive story in which a solitary character lifts an umbrella and flies into the sky. - VR - Selection ![Floating in the Sky VR experience — work page image](https://firebasestorage.googleapis.com/v0/b/wucheyu-portfolio.appspot.com/o/images%2FFloating%20in%20the%20sky%20-%20VR%20experience%2Fcover.jpg?alt=media&token=859951c9-44ed-42d6-90ca-5628ecfca3e7) Che-Yu Wu Sources & related records - [Open the original page ↗](https://cheyuwu.com/project/-LeeLqyqPGuJRybr9psJ/) - [cheyuwu.com](https://cheyuwu.com/project/-LeeLqyqPGuJRybr9psJ/) - [Intuitive Music Expression — NYU IDM thesis](https://cheyuwu.com/lab/2020/#lab-thesis-intuitive-music) · Work from the same NYU IDM years (Curatorial theme) 2020-03-06Published ### Boss's Web Lab #2 — a canvas mask animation A teardown of the mask effect on French designer Louis Ansa's portfolio. The post splits the animation into three parts: a spherical mask that flips background and text colour inside the circle, two circle centres orbiting the middle of the screen, and an irregularly wavering boundary, then explains why two stacked canvases beat a pure CSS blend mode. - Masks - Canvas Sources & related records - [Open the original page ↗](https://creativecoding.in/2020/03/06/%e8%80%81%e9%97%86%e7%9a%84%e7%b6%b2%e9%a0%81%e5%af%a6%e9%a9%97%e5%ae%a42%ef%bc%8d%e5%af%a6%e4%bd%9c-canvas-%e9%81%ae%e7%bd%a9%e5%8b%95%e7%95%ab/) - [CreativeCoding.in](https://creativecoding.in/2020/03/06/%e8%80%81%e9%97%86%e7%9a%84%e7%b6%b2%e9%a0%81%e5%af%a6%e9%a9%97%e5%ae%a42%ef%bc%8d%e5%af%a6%e4%bd%9c-canvas-%e9%81%ae%e7%bd%a9%e5%8b%95%e7%95%ab/) - [Boss's Web Lab #1 — a CSS letter-split animation](https://cheyuwu.com/lab/2020/#lab-note-css-letter-split) · The first post in the same series (Documented connection) 2020-03-06Published ### Boss's Web Lab #1 — a CSS letter-split animation A teardown of the letter-by-letter title entrance on rogue.studio, rebuilt in CSS and JavaScript. Placing each letter by hand would be tedious, so the post leans on the browser's own layout: every letter becomes a nested pair of spans, the outer one clipping the overflow while the inner one moves with transform. - Letter animation - Teardown Sources & related records - [Open the original page ↗](https://creativecoding.in/2020/03/06/%e8%80%81%e9%97%86%e7%9a%84%e7%b6%b2%e9%a0%81%e5%af%a6%e9%a9%97%e5%ae%a4-1-%e5%af%a6%e4%bd%9ccss%e6%8b%86%e5%ad%97%e5%8b%95%e7%95%ab/) - [CreativeCoding.in](https://creativecoding.in/2020/03/06/%e8%80%81%e9%97%86%e7%9a%84%e7%b6%b2%e9%a0%81%e5%af%a6%e9%a9%97%e5%ae%a4-1-%e5%af%a6%e4%bd%9ccss%e6%8b%86%e5%ad%97%e5%8b%95%e7%95%ab/) - [Boss's Web Lab #2 — a canvas mask animation](https://cheyuwu.com/lab/2020/#lab-note-canvas-mask) · The first post in the same series (Documented connection) 2020-03-25Published ### A realtime chat room with Socket.io — livestream notes The livestream notes describe socket.io as a JavaScript library for realtime communication, holding a persistent connection between server and client so data can travel instantly, with events received through an on method that fires a callback. The build is a chat room that broadcasts messages, loads past conversation on join and shows who is typing. - Realtime - Livestream notes Sources & related records - [Open the original page ↗](https://creativecoding.in/2020/03/25/%e7%94%a8-socket-io-%e5%81%9a%e4%b8%80%e5%80%8b%e5%8d%b3%e6%99%82%e8%81%8a%e5%a4%a9%e5%ae%a4%e5%90%a7%ef%bc%81%ef%bc%88%e7%9b%b4%e6%92%ad%e7%ad%86%e8%a8%98%ef%bc%89/) - [CreativeCoding.in](https://creativecoding.in/2020/03/25/%e7%94%a8-socket-io-%e5%81%9a%e4%b8%80%e5%80%8b%e5%8d%b3%e6%99%82%e8%81%8a%e5%a4%a9%e5%ae%a4%e5%90%a7%ef%bc%81%ef%bc%88%e7%9b%b4%e6%92%ad%e7%ad%86%e8%a8%98%ef%bc%89/) - [An interactive weather map — livestream notes](https://cheyuwu.com/lab/2020/#lab-note-weather-map) · The same run of livestream notes (Curatorial theme) 2020-03-28Published ### An interactive weather map — livestream notes The livestream builds an interactive map of Taiwan that shows local weather when the cursor passes over a district. The notes list what it takes: the basics of HTML, CSS and JavaScript, handling SVG, working in Vue.js, and calling the Central Weather Bureau open data API with axios. - Maps - Open data Sources & related records - [Open the original page ↗](https://creativecoding.in/2020/03/28/%e8%ae%93%e6%88%91%e5%80%91%e4%be%86%e5%81%9a%e5%80%8b%e4%ba%92%e5%8b%95%e5%a4%a9%e6%b0%a3%e5%9c%b0%e5%9c%96%e5%90%a7%ef%bc%81%ef%bc%88%e7%9b%b4%e6%92%ad%e7%ad%86%e8%a8%98%ef%bc%89/) - [CreativeCoding.in](https://creativecoding.in/2020/03/28/%e8%ae%93%e6%88%91%e5%80%91%e4%be%86%e5%81%9a%e5%80%8b%e4%ba%92%e5%8b%95%e5%a4%a9%e6%b0%a3%e5%9c%b0%e5%9c%96%e5%90%a7%ef%bc%81%ef%bc%88%e7%9b%b4%e6%92%ad%e7%ad%86%e8%a8%98%ef%bc%89/) - [A realtime chat room with Socket.io — livestream notes](https://cheyuwu.com/lab/2020/#lab-note-socket-chat) · The same run of livestream notes (Curatorial theme) 2020-04-19Publication date from the Instagram post; the title number 200419 refers to the same day.Published ### Dream of Lily — daily sketch Letting particles bloom along a particular force field, leaving their trails behind as dreamlike petals. - Particles - Force fields ![Dream of Lily — daily sketch still](https://kyoko.openprocessing.org/thumbnails/visualThumbnail877117@2x.jpg?hash=2020-04-19%2020%3A57%3A29) Che-Yu Wu / OpenProcessing Sources & related records - [Open the original page ↗](https://cheyuwu.com/zh/sketch/877117/) - [OpenProcessing](https://openprocessing.org/sketch/877117) - [Instagram @bosscodingplease](https://www.instagram.com/bosscodingplease/) - [Random Square Motion — daily sketch](https://cheyuwu.com/lab/2020/#lab-sketch-883193) · The note says it rewrites the Dream of Lily particle system (Documented connection) 2020-04-20Publication date from the Instagram post; the title number 200420 refers to the same day.Published ### Atomic furnace — daily sketch Fusion happened among countless particle collisions, / and out of the tiny probability of fusion, life was born. - Particles - Life ![Atomic furnace — daily sketch still](https://cheyuwu.com/static/img/sketches/877614-sm.webp) Che-Yu Wu Sources & related records - [Open the original page ↗](https://cheyuwu.com/zh/sketch/877614/) - [OpenProcessing](https://openprocessing.org/sketch/877614) - [Instagram @bosscodingplease](https://www.instagram.com/bosscodingplease/) 2020-04-23Publication date from the Instagram post; the title number 200423 refers to the same day.Published ### Crowded City — daily sketch New York is full of towers that hide the skyline. / Any more crowding and parcels will have to travel by balloon. / shearX and shearY make a pseudo-3D effect, / noise texture gives it an illustrated feel, / and gifts and balloons are dropped at the windows at random. - Cities - Illustration ![Crowded City — daily sketch still](https://cheyuwu.com/static/img/sketches/880483-sm.webp) Che-Yu Wu Sources & related records - [Open the original page ↗](https://cheyuwu.com/zh/sketch/880483/) - [OpenProcessing](https://openprocessing.org/sketch/880483) - [Instagram @bosscodingplease](https://www.instagram.com/bosscodingplease/) 2020-04-24Published ### Getting started with p5.js — an interactive web tutorial The post introduces p5 as a JavaScript library extended from Processing, wrapping drawing, mathematics and physics so a maker does not have to build the plumbing. The worked example runs on OpenProcessing: the mouse becomes a brush leaving a coloured trail, and clicking turns that trail into squares. - p5.js - Getting started Sources & related records - [Open the original page ↗](https://creativecoding.in/2020/04/24/p5-js-%e5%bf%ab%e9%80%9f%e4%b8%8a%e6%89%8b/) - [CreativeCoding.in](https://creativecoding.in/2020/04/24/p5-js-%e5%bf%ab%e9%80%9f%e4%b8%8a%e6%89%8b/) 2020-04-26Taken from the GitHub repository creation date; the last commit is dated 2020-04-30.Published ### p5-vue-mirror — a live-editing p5.js editor component A public Vue.js component on GitHub, described in the repository as a p5.js code mirror with live edit and run driven by a vue.js v-model, with the running sketch inside an iframe. No licence is listed on the repository page. - Open source - Editors Sources & related records - [Open the original page ↗](https://github.com/frank890417/p5-vue-mirror) - [GitHub](https://github.com/frank890417/p5-vue-mirror) - [Intuitive Music Expression — NYU IDM thesis](https://cheyuwu.com/lab/2020/#lab-thesis-intuitive-music) · The thesis page's interactive sketch is carried by this component (Curatorial theme) 2020-04-27Publication date from the Instagram post; the title number 200427 refers to the same day.Published ### Random Square Motion — daily sketch This one rewrites the particle system from Dream of Lily, / letting a particle turn with a certain probability when it meets a dividing line: / some keep flying, some fall into the grid's trajectory. / The visual result is pretty cool. - Particles - Grids ![Random Square Motion — daily sketch still](https://cheyuwu.com/static/img/sketches/883193-sm.webp) Che-Yu Wu Sources & related records - [Open the original page ↗](https://cheyuwu.com/zh/sketch/883193/) - [OpenProcessing](https://openprocessing.org/sketch/883193) - [Instagram @bosscodingplease](https://www.instagram.com/bosscodingplease/) - [Dream of Lily — daily sketch](https://cheyuwu.com/lab/2020/#lab-sketch-877117) · The note says it rewrites the Dream of Lily particle system (Documented connection) 2020-04-30Publication date from the Instagram post; the title number 200430 refers to the same day.Published ### Crazy Score — daily sketch When you play until you no longer know what you are playing, / the notes peel off the score and dance on their own. / A touch of chromatic dispersion sits at the tail of each note, / and the mouse moves the range of the score's madness. - Scores - Music ![Crazy Score — daily sketch still](https://cheyuwu.com/static/img/sketches/885665-sm.webp) Che-Yu Wu Sources & related records - [Open the original page ↗](https://cheyuwu.com/zh/sketch/885665/) - [OpenProcessing](https://openprocessing.org/sketch/885665) - [Instagram @bosscodingplease](https://www.instagram.com/bosscodingplease/) 2020-05-05Publication date from the Instagram post; the title number 200505 refers to the same day.Published ### Glowing Anemone — daily sketch I like the deep sea and glowing creatures very much, / so this tries blend modes and noise to draw an anemone writhing about. - Anemones - Blend modes ![Glowing Anemone — daily sketch still](https://kyoko.openprocessing.org/thumbnails/visualThumbnail889053@2x.jpg?hash=2020-05-05%2020%3A53%3A10) Che-Yu Wu / OpenProcessing Sources & related records - [Open the original page ↗](https://cheyuwu.com/zh/sketch/889053/) - [OpenProcessing](https://openprocessing.org/sketch/889053) - [Instagram @bosscodingplease](https://www.instagram.com/bosscodingplease/) 2020-05-09Publication date from the Instagram post; the title number 200509 refers to the same day.Published ### Aqua Planet — daily sketch All the glowing water gathered, countless worlds collided and fused. / The aqua planet keeps consuming itself until the last trace of light disperses. / The idea came while writing a function example today, with a little adjustment afterwards. - Planets - Functions ![Aqua Planet — daily sketch still](https://cheyuwu.com/static/img/sketches/892021-sm.webp) Che-Yu Wu Sources & related records - [Open the original page ↗](https://cheyuwu.com/zh/sketch/892021/) - [OpenProcessing](https://openprocessing.org/sketch/892021) - [Instagram @bosscodingplease](https://www.instagram.com/bosscodingplease/) - [Creative Coding 101 — the third Hahow course goes to crowdfunding](https://cheyuwu.com/lab/2020/#lab-course-creative-coding) · The note says the idea came from a course function example (Documented connection) 2020-05-11Publication date from the Instagram post. The title number 200510 is the making date, 2020-05-10, posted 1 day later.Published ### Wave Circuit — daily sketch It brought back the signals I studied in electrical engineering, and unexpectedly they turned out useful for music work later. / Assume the theory explains everything, build a model to simulate this world, and send colourful beeping signals. - Signals - Circuits ![Wave Circuit — daily sketch still](https://cheyuwu.com/static/img/sketches/892614-sm.webp) Che-Yu Wu Sources & related records - [Open the original page ↗](https://cheyuwu.com/zh/sketch/892614/) - [OpenProcessing](https://openprocessing.org/sketch/892614) - [Instagram @bosscodingplease](https://www.instagram.com/bosscodingplease/) 2020-05-23Publication date from the Instagram post. The title number 200522 is the making date, 2020-05-22, posted 1 day later.Published ### Collide Aquarium — daily sketch More and more residents have marked out their own territory. / Frightened fish and starfish stare at each other and collide. / An attempt at physics simulation with matter.js. - Physics - Aquarium ![Collide Aquarium — daily sketch still](https://cheyuwu.com/static/img/sketches/902876-sm.webp) Che-Yu Wu Sources & related records - [Open the original page ↗](https://cheyuwu.com/zh/sketch/902876/) - [OpenProcessing](https://openprocessing.org/sketch/902876) - [Instagram @bosscodingplease](https://www.instagram.com/bosscodingplease/) - [Annoying Uni — daily sketch](https://cheyuwu.com/lab/2020/#lab-sketch-903498) · The note says it continues the previous day's physics engine work (Documented connection) 2020-05-24Publication date from the Instagram post. The title number 200523 is the making date, 2020-05-23, posted 1 day later.Published ### Annoying Uni — daily sketch Still playing with the physics engine today, and there are many directions to develop from here. / The world-weary urchins are cranky: they bicker on sight, and dragging them around makes them angrier. - Physics engine - Urchins ![Annoying Uni — daily sketch still](https://cheyuwu.com/static/img/sketches/903498-sm.webp) Che-Yu Wu Sources & related records - [Open the original page ↗](https://cheyuwu.com/zh/sketch/903498/) - [OpenProcessing](https://openprocessing.org/sketch/903498) - [Instagram @bosscodingplease](https://www.instagram.com/bosscodingplease/) - [Collide Aquarium — daily sketch](https://cheyuwu.com/lab/2020/#lab-sketch-902876) · The note says it continues the previous day's physics engine work (Documented connection) - [Sleepy Pochi — daily sketch](https://cheyuwu.com/lab/2020/#lab-sketch-905319) · The same run of physics engine studies (Curatorial theme) 2020-05-27Publication date from the Instagram post. The title number 200526 is the making date, 2020-05-26, posted 1 day later.Published ### Sleepy Pochi — daily sketch Testing soft bodies in Matter.js, / making a squishy odd creature, Pochi, who never seems to get enough sleep. / Drag him around and he lies back down, most unwillingly. - Soft body - Characters ![Sleepy Pochi — daily sketch still](https://cheyuwu.com/static/img/sketches/905319-sm.webp) Che-Yu Wu Sources & related records - [Open the original page ↗](https://cheyuwu.com/zh/sketch/905319/) - [OpenProcessing](https://openprocessing.org/sketch/905319) - [Instagram @bosscodingplease](https://www.instagram.com/bosscodingplease/) - [Annoying Uni — daily sketch](https://cheyuwu.com/lab/2020/#lab-sketch-903498) · The same run of physics engine studies (Curatorial theme) 2020-06Both the course page and the Hahow blog block automated reading. The crowdfunding month comes from a search result dated June 2020; the launch date is still to be confirmed.Published ### Creative Coding 101 — the third Hahow course goes to crowdfunding The third Hahow course, Creative Coding 101, went to crowdfunding in 2020. Built around p5.js, it runs from basic drawing and colour through to interactive systems and simulation, with the lecture notes hosted on HackMD. Several daily sketches from this year came straight out of preparing and recording those lessons. - Courses - p5.js Sources & related records - [Open the original page ↗](https://hahow.in/cr/creative-coding-1) - [Hahow 課程頁](https://hahow.in/cr/creative-coding-1) - [課程作業說明（HackMD）](https://hackmd.io/@ankycheng/hahowHW) - [Aqua Planet — daily sketch](https://cheyuwu.com/lab/2020/#lab-sketch-892021) · The note says the idea came from a course function example (Documented connection) - [A little stubbornness and endless novelty — Hahow Blog interview](https://cheyuwu.com/lab/2020/#lab-press-hahow-creative-coding) · The interview is about this course's launch (Documented connection) - [Chinese Mosaic — daily sketch](https://cheyuwu.com/lab/2020/#lab-sketch-909343) · The note says it came from a course example (Documented connection) - [CreativeCodingDemo — a public teaching demo repository](https://cheyuwu.com/lab/2020/#lab-repo-creative-coding-demo) · The same month's course thread (Curatorial theme) 2020-06-01The original site could not be read because of a certificate mismatch. The date comes from a search result of 1 June 2020, and the content follows the archived copy.Published ### A little stubbornness and endless novelty — Hahow Blog interview A Hahow Blog interview published as the third course approached launch, reported and written by Ani Syu. It walks through three stages of his teaching, from web basics to visual effects to creative coding, and covers his New York years as a Creative Coding teaching assistant at NYU Integrated Digital Media. - Interview - Teaching Sources & related records - [Open the original page ↗](https://blog.hahow.in/teacher-interview-creative-coding/) - [Hahow Blog](https://blog.hahow.in/teacher-interview-creative-coding/) - [Creative Coding 101 — the third Hahow course goes to crowdfunding](https://cheyuwu.com/lab/2020/#lab-course-creative-coding) · The interview is about this course's launch (Documented connection) - [Where code meets interaction design — Bu-Tin EP26](https://cheyuwu.com/lab/2020/#lab-podcast-butin-ep26) · Two interviews from the same month (Curatorial theme) 2020-06-02Publication date from the Instagram post. The title number 200601 is the making date, 2020-06-01, posted 1 day later.Published ### Chinese Mosaic — daily sketch Busy with a course example today, so the teaching demo of a Chinese video mosaic became today's piece. / Sampling pixels from video kept crashing in odd ways, so drawing to a temporary image first made the colours read correctly. / Adjusting the sample size gives a very cool effect. - Video - Mosaic ![Chinese Mosaic — daily sketch still](https://cheyuwu.com/static/img/sketches/909343-sm.webp) Che-Yu Wu Sources & related records - [Open the original page ↗](https://cheyuwu.com/zh/sketch/909343/) - [OpenProcessing](https://openprocessing.org/sketch/909343) - [Instagram @bosscodingplease](https://www.instagram.com/bosscodingplease/) - [Creative Coding 101 — the third Hahow course goes to crowdfunding](https://cheyuwu.com/lab/2020/#lab-course-creative-coding) · The note says it came from a course example (Documented connection) 2020-06-10Publication date from the Instagram post. The title number 200608 is the making date, 2020-06-08, posted 2 days later.Published ### Gaia's Tree — daily sketch From a seed full of infinite possibility grows the tree of Gaia. / Every branch and leaf is a parallel world leading to a future of its own. / An attempt to draw natural-looking plants with triangle recursion. - Recursion - Plants ![Gaia's Tree — daily sketch still](https://cheyuwu.com/static/img/sketches/914673-sm.webp) Che-Yu Wu Sources & related records - [Open the original page ↗](https://cheyuwu.com/zh/sketch/914673/) - [OpenProcessing](https://openprocessing.org/sketch/914673) - [Instagram @bosscodingplease](https://www.instagram.com/bosscodingplease/) - [Organic Circuit — daily sketch](https://cheyuwu.com/lab/2020/#lab-sketch-918427) · The same round of recursion studies (Curatorial theme) 2020-06-14Taken from the GitHub repository creation date; individual commit dates are not shown on the page.Published ### CreativeCodingDemo — a public teaching demo repository A small public repository on GitHub holding just index.html and mySketch.js across two commits, with no README and no licence listed. It was created in the same month as the third Hahow course's crowdfunding run. - Open source - Teaching Sources & related records - [Open the original page ↗](https://github.com/frank890417/CreativeCodingDemo) - [GitHub](https://github.com/frank890417/CreativeCodingDemo) - [Creative Coding 101 — the third Hahow course goes to crowdfunding](https://cheyuwu.com/lab/2020/#lab-course-creative-coding) · The same month's course thread (Curatorial theme) 2020-06-17Publication date from the Instagram post. The title number 200614 is the making date, 2020-06-14, posted 3 days later.Published ### Organic Circuit — daily sketch This one tests square recursion; adjusting how the lines read gives an organic circuit feel, orderly inside the mess. / The recursion series is coming to an end, and I want to go explore other methods. - Recursion - Circuits ![Organic Circuit — daily sketch still](https://cheyuwu.com/static/img/sketches/918427-sm.webp) Che-Yu Wu Sources & related records - [Open the original page ↗](https://cheyuwu.com/zh/sketch/918427/) - [OpenProcessing](https://openprocessing.org/sketch/918427) - [Instagram @bosscodingplease](https://www.instagram.com/bosscodingplease/) - [Gaia's Tree — daily sketch](https://cheyuwu.com/lab/2020/#lab-sketch-914673) · The same round of recursion studies (Curatorial theme) 2020-06-20Publication date from the Instagram post. The title number 200616 is the making date, 2020-06-16, posted 4 days later.Published ### Snail Racing — daily sketch Every snail has its own unique pattern and pace, / crawling hard along its own road (though sometimes it still compares itself with the others on the sly). / A change of style today, making something interactive. - Interaction - Snails ![Snail Racing — daily sketch still](https://cheyuwu.com/static/img/sketches/919913-sm.webp) Che-Yu Wu Sources & related records - [Open the original page ↗](https://cheyuwu.com/zh/sketch/919913/) - [OpenProcessing](https://openprocessing.org/sketch/919913) - [Instagram @bosscodingplease](https://www.instagram.com/bosscodingplease/) 2020-06-27Publication date from the Instagram post. The title number 200622 is the making date, 2020-06-22, posted 5 days later.Published ### Microscope — daily sketch Testing shaders inside p5.js, generating an array of particles and passing them to glsl for rendering. / Shaders are still so hard to control: one tweak and everything goes off. / It looks like a view under some kind of microscope. - Shaders - Particles ![Microscope — daily sketch still](https://cheyuwu.com/static/img/sketches/923287-sm.webp) Che-Yu Wu Sources & related records - [Open the original page ↗](https://cheyuwu.com/zh/sketch/923287/) - [OpenProcessing](https://openprocessing.org/sketch/923287) - [Instagram @bosscodingplease](https://www.instagram.com/bosscodingplease/) - [Magic Stroke — daily sketch](https://cheyuwu.com/lab/2020/#lab-sketch-923304) · The note says the code differs from Microscope by only a little (Documented connection) 2020-06-27Publication date from the Instagram post. The title number 200623 is the making date, 2020-06-23, posted 4 days later.Published ### Magic Stroke — daily sketch Magic particles leave a glowing trail behind them. / Still the shader series: the code differs from Microscope by only a little. / Adding some physics to the particles and using p5.js arrays for interaction. - Shaders - Trails ![Magic Stroke — daily sketch still](https://cheyuwu.com/static/img/sketches/923304-sm.webp) Che-Yu Wu Sources & related records - [Open the original page ↗](https://cheyuwu.com/zh/sketch/923304/) - [OpenProcessing](https://openprocessing.org/sketch/923304) - [Instagram @bosscodingplease](https://www.instagram.com/bosscodingplease/) - [Microscope — daily sketch](https://cheyuwu.com/lab/2020/#lab-sketch-923287) · The note says the code differs from Microscope by only a little (Documented connection) 2020-06-29Publication date as listed on the butin.co episode page; the media index records the YouTube version as 28 June 2020.Published ### Where code meets interaction design — Bu-Tin EP26 Episode 26 of Bu-Tin, a podcast about freelance life, hosted by Lu Fa, with the guest appearing as a new media artist and as Monoame Design. It covers the Flash animations of primary school, the self-teaching during an electrical engineering degree, the first website commission, and his line that pushing slightly past your own ability is what makes you improve. It also covers the habit of writing interaction design in code every day, and why diversifying beats pure client work, since commissioned work never fully belongs to the maker. - Freelancing - Daily practice Sources & related records - [Open the original page ↗](https://butin.co/episode/s2ep26) - [不停 Bu-Tin](https://butin.co/episode/s2ep26) - [YouTube](https://www.youtube.com/watch?v=zpZiRHGDjTA) - [A little stubbornness and endless novelty — Hahow Blog interview](https://cheyuwu.com/lab/2020/#lab-press-hahow-creative-coding) · Two interviews from the same month (Curatorial theme) 2020-07-03Publication date from the Instagram post. The title number 200627 is the making date, 2020-06-27, posted 6 days later.Published ### Gravity Wave — daily sketch Ripples in spacetime spread into gravitational waves, bending relative distance beyond any feeling of it. / Testing distance plus sin to displace the pixel sampling point, combined with grid circles and noise texture, to make a colourful spacetime twisting outward from the grid. - Gravitational waves - Sampling ![Gravity Wave — daily sketch still](https://cheyuwu.com/static/img/sketches/925596-sm.webp) Che-Yu Wu Sources & related records - [Open the original page ↗](https://cheyuwu.com/zh/sketch/925596/) - [OpenProcessing](https://openprocessing.org/sketch/925596) - [Instagram @bosscodingplease](https://www.instagram.com/bosscodingplease/) 2020-07-04Publication date from the Instagram post. The title number 200629 is the making date, 2020-06-29, posted 5 days later.Published ### Fire Bamboo — daily sketch The bamboo shoots caught fire and are shaking about in a panic. / It occurred to me today that feeding the p5.js canvas result into a shader / makes something like a canvas or distortion filter. / The test looked very cool, so from now on I can draw shapes in p5 and post-process them in the shader. - Shaders - Filters ![Fire Bamboo — daily sketch still](https://cheyuwu.com/static/img/sketches/926217-sm.webp) Che-Yu Wu Sources & related records - [Open the original page ↗](https://cheyuwu.com/zh/sketch/926217/) - [OpenProcessing](https://openprocessing.org/sketch/926217) - [Instagram @bosscodingplease](https://www.instagram.com/bosscodingplease/) 2020-07-06Publication date from the Instagram post. The title number 200630 is the making date, 2020-06-30, posted 6 days later.Published ### Dot Countryside — daily sketch Looking down from high above at farmland in every colour, cut into irregular pieces. / Practising a Voronoi diagram in GLSL, and it computes so fast. / Colour is taken from the position of each point, with a grid principle tested as well, / generating many circles of different sizes stacked together. - Voronoi - GLSL ![Dot Countryside — daily sketch still](https://cheyuwu.com/static/img/sketches/926998-sm.webp) Che-Yu Wu Sources & related records - [Open the original page ↗](https://cheyuwu.com/zh/sketch/926998/) - [OpenProcessing](https://openprocessing.org/sketch/926998) - [Instagram @bosscodingplease](https://www.instagram.com/bosscodingplease/) 2020-07-14Publication date from the Instagram post. The title number 200705 is the making date, 2020-07-05, posted 9 days later.Published ### DNA Mutation — daily sketch Irradiated DNA gradually comes apart and mutates. / Testing a shader that generates the DNA from a sin plus cos mask. / My grip on drawing shapes is a little better now, and lines and shapes inside a shader come more fluently. - DNA - Masks ![DNA Mutation — daily sketch still](https://cheyuwu.com/static/img/sketches/931034-sm.webp) Che-Yu Wu Sources & related records - [Open the original page ↗](https://cheyuwu.com/zh/sketch/931034/) - [OpenProcessing](https://openprocessing.org/sketch/931034) - [Instagram @bosscodingplease](https://www.instagram.com/bosscodingplease/) - [Anxiety — daily sketch](https://cheyuwu.com/lab/2020/#lab-sketch-940727) · The note says the shader series is taking a break (Documented connection) 2020-08-02Publication date from the Instagram post. The title number 200801 is the making date, 2020-08-01, posted 1 day later.Published ### Anxiety — daily sketch Thoughts leap and blur, an inner voice that will not stop. / Everything knots up; different emotions collide, shatter, fuse, then vanish. / The shader series is on a break, and I want to try some other directions. - Emotion - Particles ![Anxiety — daily sketch still](https://cheyuwu.com/static/img/sketches/940727-sm.webp) Che-Yu Wu Sources & related records - [Open the original page ↗](https://cheyuwu.com/zh/sketch/940727/) - [OpenProcessing](https://openprocessing.org/sketch/940727) - [Instagram @bosscodingplease](https://www.instagram.com/bosscodingplease/) - [DNA Mutation — daily sketch](https://cheyuwu.com/lab/2020/#lab-sketch-931034) · The note says the shader series is taking a break (Documented connection) 2020-08-04Publication date from the Instagram post; the title number 200804 refers to the same day.Published ### Superstring Theory — daily sketch Is the world made of vibrating strings? / Hidden in dimensions curled too small to observe, / the macroscopic fact does not exist, and your intention decides what you see. - String theory - Dimensions ![Superstring Theory — daily sketch still](https://cheyuwu.com/static/img/sketches/941774-sm.webp) Che-Yu Wu Sources & related records - [Open the original page ↗](https://cheyuwu.com/zh/sketch/941774/) - [OpenProcessing](https://openprocessing.org/sketch/941774) - [Instagram @bosscodingplease](https://www.instagram.com/bosscodingplease/) 2020-09-03Publication date from the Instagram post; the title number 200903 refers to the same day.Published ### Memory Lost — daily sketch Every retrieval of a memory / changes its content and its truth irreversibly. / Shattered and blurred emotion cannot be regrown. / As time passes, is any of it real, / or only an illusion one keeps rebuilding? - Memory - Time ![Memory Lost — daily sketch still](https://kyoko.openprocessing.org/thumbnails/visualThumbnail954948@2x.jpg?hash=2020-09-03%2023%3A13%3A55) Che-Yu Wu / OpenProcessing Sources & related records - [Open the original page ↗](https://cheyuwu.com/zh/sketch/954948/) - [OpenProcessing](https://openprocessing.org/sketch/954948) - [Instagram @bosscodingplease](https://www.instagram.com/bosscodingplease/)