CHE-YU WU / STRATA 地層 Strata | 2001–2026: what each year left behind # 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. 2020-01-01 — 2020-12-31 41 public records Red string: documented links · Twine: shared themes · Hover a paper to read a connection. [Complete records ↓](https://cheyuwu.com/strata/2020/#lab-records) ****Case file**2020-01-01 / 2020-12-3141 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. ### 2020 · all year ** ![](https://cheyuwu.com/static/img/mirror/4430345241a6.webp) ### 2020 · 03 ** ![](https://cheyuwu.com/static/lab/2020/note-canvas-mask.webp) - *Masks* ** ![](https://cheyuwu.com/static/lab/2020/note-css-letter-split.webp) - ** ![](https://cheyuwu.com/static/lab/2020/note-socket-chat.webp) - *Realtime* ** ![](https://cheyuwu.com/static/lab/2020/note-weather-map.webp) - ### 2020 · 04 ** ![](https://cheyuwu.com/static/img/mirror/6cfd093338c3.jpg) - *Particles* ** ![](https://cheyuwu.com/static/img/sketches/877614-sm.webp) *Particles* ** ![](https://cheyuwu.com/static/img/sketches/880483-sm.webp) ** ![](https://cheyuwu.com/static/lab/2020/note-p5-quickstart.webp) ** ![](https://cheyuwu.com/static/lab/2020/repo-p5-vue-mirror.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://cheyuwu.com/static/img/mirror/7d4357f20080.jpg) *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/lab/2020/course-creative-coding.webp) - - - - ** - - ** ![](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* ** ![](https://cheyuwu.com/static/lab/2020/podcast-butin-ep26.webp) - ### 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://cheyuwu.com/static/img/mirror/18098782de70.jpg) ** ![](https://cheyuwu.com/static/img/mirror/4de6843ca9e9.jpg) *Growth* ### 2020 · 10 ** ![](https://cheyuwu.com/static/img/sketches/989471-sm.webp) *Shaders* ### 2020 · 11 ** ![](https://cheyuwu.com/static/img/sketches/1004867-sm.webp) *Dimensions* ** ![](https://cheyuwu.com/static/img/sketches/1017517-sm.webp) ** ![](https://cheyuwu.com/static/img/sketches/1027958-sm.webp) ### 2020 · 12 ** ![](https://cheyuwu.com/static/img/sketches/1050016-sm.webp) *Nerves* ![](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) 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/) Complete records ## Read each record Newest first, older as you go down. Each record retains its date basis, public sources and connection labels. 2020 ![Nervous System — daily sketch still](https://cheyuwu.com/static/img/sketches/1050016-sm.webp) 2020-12-27 PrototypeChe-Yu Wu 2020-12-27 · Published ### Nervous System — daily sketch A little electrical signal, plus a few chemical molecules, / and anxiety is born and grows strong in a faint corner, / so that night was filled with murmurs that could not be muted, / and sleep never came again. - Nerves - Anxiety Sources [Open the original page ↗︎](https://cheyuwu.com/zh/sketch/1050016/) [OpenProcessing ↗︎](https://openprocessing.org/sketch/1050016) ![Nightmare — daily sketch still](https://cheyuwu.com/static/img/sketches/1027958-sm.webp) 2020-11-28 PrototypeChe-Yu Wu 2020-11-28 · Published ### Nightmare — daily sketch First the rolling stone gathers moss and slows down, / everyday scenery rusts and the steel bars show through, / one careless step aside leaves a puncture wound, / and out of the loveliest gaps of time it spreads / until the view ahead is covered by a pitch black wall. - Dreamscape - Erosion Sources [Open the original page ↗︎](https://cheyuwu.com/zh/sketch/1027958/) [OpenProcessing ↗︎](https://openprocessing.org/sketch/1027958) Related records [→ Foundation Classic Series（2021）](https://cheyuwu.com/strata/2021/#lab-foundation-classic) · Taken into the Foundation classic series (Documented connection) ![Wild Dreams — daily sketch still](https://cheyuwu.com/static/img/sketches/1017517-sm.webp) 2020-11-15 PrototypeChe-Yu Wu 2020-11-15 · Published ### Wild Dreams — daily sketch Every moment of reality carries a few wild dreams, / spreading freely across the field of time until they exhaust themselves and twist into shapes that can never come true. / Still, take it easy: without some regrets, life would be far too sweet. / An attempt to put recursion together with a shader, set to slightly unhinged music. - Dreams - Recursion Sources [Open the original page ↗︎](https://cheyuwu.com/zh/sketch/1017517/) [OpenProcessing ↗︎](https://openprocessing.org/sketch/1017517) ![New Dimensions — daily sketch still](https://cheyuwu.com/static/img/sketches/1004867-sm.webp) 2020-11-03 PrototypeChe-Yu Wu 2020-11-03 · Published ### New Dimensions — daily sketch Adding dimensions, layer upon layer of computation building an unreal world, / approaching reality without pause, and still false. / A test of generating dynamic 3D textures shaped into a ring. - Dimensions - Texture Sources [Open the original page ↗︎](https://cheyuwu.com/zh/sketch/1004867/) [OpenProcessing ↗︎](https://openprocessing.org/sketch/1004867) ![Parallel universe — daily sketch still](https://cheyuwu.com/static/img/sketches/989471-sm.webp) 2020-10-17 PrototypeChe-Yu Wu 2020-10-17 · Published ### Parallel universe — daily sketch Playing with shaders again after a long while. / One probability of a world after another, / hidden between the twisted dimensions of parallel universes, / every present moment producing countless split causalities. - Shaders - Cosmos Sources [Open the original page ↗︎](https://cheyuwu.com/zh/sketch/989471/) [OpenProcessing ↗︎](https://openprocessing.org/sketch/989471) ![Curvy Vine — daily sketch still](https://cheyuwu.com/static/img/mirror/4de6843ca9e9.jpg) 2020-09-25 PrototypeChe-Yu Wu / OpenProcessing 2020-09-25 · Published ### Curvy Vine — daily sketch From a single growth to a macroscopic phenomenon, / changing and vanishing without pause, / never quite uniform, yet blooming into flowers in the end. - Growth - Curves Sources [Open the original page ↗︎](https://cheyuwu.com/zh/sketch/971516/) [OpenProcessing ↗︎](https://openprocessing.org/sketch/971516) ![Memory Lost — daily sketch still](https://cheyuwu.com/static/img/mirror/18098782de70.jpg) 2020-09-03 PrototypeChe-Yu Wu / OpenProcessing 2020-09-03 · Published Publication date from the Instagram post; the title number 200903 refers to the same day. ### 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 Sources [Open the original page ↗︎](https://cheyuwu.com/zh/sketch/954948/) [OpenProcessing ↗︎](https://openprocessing.org/sketch/954948) [Instagram @bosscodingplease ↗︎](https://www.instagram.com/bosscodingplease/) ![Superstring Theory — daily sketch still](https://cheyuwu.com/static/img/sketches/941774-sm.webp) 2020-08-04 PrototypeChe-Yu Wu 2020-08-04 · Published Publication date from the Instagram post; the title number 200804 refers to the same day. ### 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 Sources [Open the original page ↗︎](https://cheyuwu.com/zh/sketch/941774/) [OpenProcessing ↗︎](https://openprocessing.org/sketch/941774) [Instagram @bosscodingplease ↗︎](https://www.instagram.com/bosscodingplease/) ![Anxiety — daily sketch still](https://cheyuwu.com/static/img/sketches/940727-sm.webp) 2020-08-02 PrototypeChe-Yu Wu 2020-08-02 · Published Publication date from the Instagram post. The title number 200801 is the making date, 2020-08-01, posted 1 day later. ### 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 Sources [Open the original page ↗︎](https://cheyuwu.com/zh/sketch/940727/) [OpenProcessing ↗︎](https://openprocessing.org/sketch/940727) [Instagram @bosscodingplease ↗︎](https://www.instagram.com/bosscodingplease/) Related records [→ DNA Mutation — daily sketch](https://cheyuwu.com/strata/2020/#lab-sketch-931034) · The note says the shader series is taking a break (Documented connection) ![DNA Mutation — daily sketch still](https://cheyuwu.com/static/img/sketches/931034-sm.webp) 2020-07-14 PrototypeChe-Yu Wu 2020-07-14 · Published Publication date from the Instagram post. The title number 200705 is the making date, 2020-07-05, posted 9 days later. ### 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 Sources [Open the original page ↗︎](https://cheyuwu.com/zh/sketch/931034/) [OpenProcessing ↗︎](https://openprocessing.org/sketch/931034) [Instagram @bosscodingplease ↗︎](https://www.instagram.com/bosscodingplease/) Related records [→ Anxiety — daily sketch](https://cheyuwu.com/strata/2020/#lab-sketch-940727) · The note says the shader series is taking a break (Documented connection) ![Dot Countryside — daily sketch still](https://cheyuwu.com/static/img/sketches/926998-sm.webp) 2020-07-06 PrototypeChe-Yu Wu 2020-07-06 · Published Publication date from the Instagram post. The title number 200630 is the making date, 2020-06-30, posted 6 days later. ### 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 Sources [Open the original page ↗︎](https://cheyuwu.com/zh/sketch/926998/) [OpenProcessing ↗︎](https://openprocessing.org/sketch/926998) [Instagram @bosscodingplease ↗︎](https://www.instagram.com/bosscodingplease/) ![Fire Bamboo — daily sketch still](https://cheyuwu.com/static/img/sketches/926217-sm.webp) 2020-07-04 PrototypeChe-Yu Wu 2020-07-04 · Published Publication date from the Instagram post. The title number 200629 is the making date, 2020-06-29, posted 5 days later. ### 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 Sources [Open the original page ↗︎](https://cheyuwu.com/zh/sketch/926217/) [OpenProcessing ↗︎](https://openprocessing.org/sketch/926217) [Instagram @bosscodingplease ↗︎](https://www.instagram.com/bosscodingplease/) ![Gravity Wave — daily sketch still](https://cheyuwu.com/static/img/sketches/925596-sm.webp) 2020-07-03 PrototypeChe-Yu Wu 2020-07-03 · Published Publication date from the Instagram post. The title number 200627 is the making date, 2020-06-27, posted 6 days later. ### 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 Sources [Open the original page ↗︎](https://cheyuwu.com/zh/sketch/925596/) [OpenProcessing ↗︎](https://openprocessing.org/sketch/925596) [Instagram @bosscodingplease ↗︎](https://www.instagram.com/bosscodingplease/) **不停 Bu-Tin** ![Where code meets interaction design — Bu-Tin EP26 — video still](https://cheyuwu.com/static/lab/2020/podcast-butin-ep26.webp) 2020-06-29 Podcast不停 | 自由接案生活 / YouTube thumbnail 2020-06-29 · Published Publication date as listed on the butin.co episode page; the media index records the YouTube version as 28 June 2020. ### 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 [Open the original page ↗︎](https://butin.co/episode/s2ep26) [不停 Bu-Tin ↗︎](https://butin.co/episode/s2ep26) [YouTube ↗︎](https://www.youtube.com/watch?v=zpZiRHGDjTA) Related records [→ A little stubbornness and endless novelty — Hahow Blog interview](https://cheyuwu.com/strata/2020/#lab-press-hahow-creative-coding) · Two interviews from the same month (Curatorial theme) ![Magic Stroke — daily sketch still](https://cheyuwu.com/static/img/sketches/923304-sm.webp) 2020-06-27 PrototypeChe-Yu Wu 2020-06-27 · Published Publication date from the Instagram post. The title number 200623 is the making date, 2020-06-23, posted 4 days later. ### 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 Sources [Open the original page ↗︎](https://cheyuwu.com/zh/sketch/923304/) [OpenProcessing ↗︎](https://openprocessing.org/sketch/923304) [Instagram @bosscodingplease ↗︎](https://www.instagram.com/bosscodingplease/) Related records [→ Microscope — daily sketch](https://cheyuwu.com/strata/2020/#lab-sketch-923287) · The note says the code differs from Microscope by only a little (Documented connection) ![Microscope — daily sketch still](https://cheyuwu.com/static/img/sketches/923287-sm.webp) 2020-06-27 PrototypeChe-Yu Wu 2020-06-27 · Published Publication date from the Instagram post. The title number 200622 is the making date, 2020-06-22, posted 5 days later. ### 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 Sources [Open the original page ↗︎](https://cheyuwu.com/zh/sketch/923287/) [OpenProcessing ↗︎](https://openprocessing.org/sketch/923287) [Instagram @bosscodingplease ↗︎](https://www.instagram.com/bosscodingplease/) Related records [→ Magic Stroke — daily sketch](https://cheyuwu.com/strata/2020/#lab-sketch-923304) · The note says the code differs from Microscope by only a little (Documented connection) ![Snail Racing — daily sketch still](https://cheyuwu.com/static/img/sketches/919913-sm.webp) 2020-06-20 PrototypeChe-Yu Wu 2020-06-20 · Published Publication date from the Instagram post. The title number 200616 is the making date, 2020-06-16, posted 4 days later. ### 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 Sources [Open the original page ↗︎](https://cheyuwu.com/zh/sketch/919913/) [OpenProcessing ↗︎](https://openprocessing.org/sketch/919913) [Instagram @bosscodingplease ↗︎](https://www.instagram.com/bosscodingplease/) ![Organic Circuit — daily sketch still](https://cheyuwu.com/static/img/sketches/918427-sm.webp) 2020-06-17 PrototypeChe-Yu Wu 2020-06-17 · Published Publication date from the Instagram post. The title number 200614 is the making date, 2020-06-14, posted 3 days later. ### 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 Sources [Open the original page ↗︎](https://cheyuwu.com/zh/sketch/918427/) [OpenProcessing ↗︎](https://openprocessing.org/sketch/918427) [Instagram @bosscodingplease ↗︎](https://www.instagram.com/bosscodingplease/) Related records [→ Gaia's Tree — daily sketch](https://cheyuwu.com/strata/2020/#lab-sketch-914673) · The same round of recursion studies (Curatorial theme) 2020-06-14 Open source 2020-06-14 · Published Taken from the GitHub repository creation date; individual commit dates are not shown on the page. ### 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 [Open the original page ↗︎](https://github.com/frank890417/CreativeCodingDemo) [GitHub ↗︎](https://github.com/frank890417/CreativeCodingDemo) Related records [→ Creative Coding 101 — the third Hahow course goes to crowdfunding](https://cheyuwu.com/strata/2020/#lab-course-creative-coding) · The same month's course thread (Curatorial theme) ![Gaia's Tree — daily sketch still](https://cheyuwu.com/static/img/sketches/914673-sm.webp) 2020-06-10 PrototypeChe-Yu Wu 2020-06-10 · Published Publication date from the Instagram post. The title number 200608 is the making date, 2020-06-08, posted 2 days later. ### 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 Sources [Open the original page ↗︎](https://cheyuwu.com/zh/sketch/914673/) [OpenProcessing ↗︎](https://openprocessing.org/sketch/914673) [Instagram @bosscodingplease ↗︎](https://www.instagram.com/bosscodingplease/) Related records [→ Organic Circuit — daily sketch](https://cheyuwu.com/strata/2020/#lab-sketch-918427) · The same round of recursion studies (Curatorial theme) ![Chinese Mosaic — daily sketch still](https://cheyuwu.com/static/img/sketches/909343-sm.webp) 2020-06-02 PrototypeChe-Yu Wu 2020-06-02 · Published Publication date from the Instagram post. The title number 200601 is the making date, 2020-06-01, posted 1 day later. ### 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 Sources [Open the original page ↗︎](https://cheyuwu.com/zh/sketch/909343/) [OpenProcessing ↗︎](https://openprocessing.org/sketch/909343) [Instagram @bosscodingplease ↗︎](https://www.instagram.com/bosscodingplease/) Related records [→ Creative Coding 101 — the third Hahow course goes to crowdfunding](https://cheyuwu.com/strata/2020/#lab-course-creative-coding) · The note says it came from a course example (Documented connection) **Hahow Blog** 2020-06-01 Press 2020-06-01 · Published The 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. ### 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 [Open the original page ↗︎](https://blog.hahow.in/teacher-interview-creative-coding/) [Hahow Blog ↗︎](https://blog.hahow.in/teacher-interview-creative-coding/) Related records [→ Creative Coding 101 — the third Hahow course goes to crowdfunding](https://cheyuwu.com/strata/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/strata/2020/#lab-podcast-butin-ep26) · Two interviews from the same month (Curatorial theme) ![Creative Coding 101 — the third Hahow course goes to crowdfunding — course image](https://cheyuwu.com/static/lab/2020/course-creative-coding.webp) 2020-06 CourseMonoame Design / portfolio image 2020-06 · Published Both 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. ### 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 [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) Related records [→ Aqua Planet — daily sketch](https://cheyuwu.com/strata/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/strata/2020/#lab-press-hahow-creative-coding) · The interview is about this course's launch (Documented connection) [→ Chinese Mosaic — daily sketch](https://cheyuwu.com/strata/2020/#lab-sketch-909343) · The note says it came from a course example (Documented connection) [→ CreativeCodingDemo — a public teaching demo repository](https://cheyuwu.com/strata/2020/#lab-repo-creative-coding-demo) · The same month's course thread (Curatorial theme) ![Sleepy Pochi — daily sketch still](https://cheyuwu.com/static/img/sketches/905319-sm.webp) 2020-05-27 PrototypeChe-Yu Wu 2020-05-27 · Published Publication date from the Instagram post. The title number 200526 is the making date, 2020-05-26, posted 1 day later. ### 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 Sources [Open the original page ↗︎](https://cheyuwu.com/zh/sketch/905319/) [OpenProcessing ↗︎](https://openprocessing.org/sketch/905319) [Instagram @bosscodingplease ↗︎](https://www.instagram.com/bosscodingplease/) Related records [→ Annoying Uni — daily sketch](https://cheyuwu.com/strata/2020/#lab-sketch-903498) · The same run of physics engine studies (Curatorial theme) ![Annoying Uni — daily sketch still](https://cheyuwu.com/static/img/sketches/903498-sm.webp) 2020-05-24 PrototypeChe-Yu Wu 2020-05-24 · Published Publication date from the Instagram post. The title number 200523 is the making date, 2020-05-23, posted 1 day later. ### 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 Sources [Open the original page ↗︎](https://cheyuwu.com/zh/sketch/903498/) [OpenProcessing ↗︎](https://openprocessing.org/sketch/903498) [Instagram @bosscodingplease ↗︎](https://www.instagram.com/bosscodingplease/) Related records [→ Collide Aquarium — daily sketch](https://cheyuwu.com/strata/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/strata/2020/#lab-sketch-905319) · The same run of physics engine studies (Curatorial theme) ![Collide Aquarium — daily sketch still](https://cheyuwu.com/static/img/sketches/902876-sm.webp) 2020-05-23 PrototypeChe-Yu Wu 2020-05-23 · Published Publication date from the Instagram post. The title number 200522 is the making date, 2020-05-22, posted 1 day later. ### 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 Sources [Open the original page ↗︎](https://cheyuwu.com/zh/sketch/902876/) [OpenProcessing ↗︎](https://openprocessing.org/sketch/902876) [Instagram @bosscodingplease ↗︎](https://www.instagram.com/bosscodingplease/) Related records [→ Annoying Uni — daily sketch](https://cheyuwu.com/strata/2020/#lab-sketch-903498) · The note says it continues the previous day's physics engine work (Documented connection) ![Wave Circuit — daily sketch still](https://cheyuwu.com/static/img/sketches/892614-sm.webp) 2020-05-11 PrototypeChe-Yu Wu 2020-05-11 · Published Publication date from the Instagram post. The title number 200510 is the making date, 2020-05-10, posted 1 day later. ### 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 Sources [Open the original page ↗︎](https://cheyuwu.com/zh/sketch/892614/) [OpenProcessing ↗︎](https://openprocessing.org/sketch/892614) [Instagram @bosscodingplease ↗︎](https://www.instagram.com/bosscodingplease/) ![Aqua Planet — daily sketch still](https://cheyuwu.com/static/img/sketches/892021-sm.webp) 2020-05-09 PrototypeChe-Yu Wu 2020-05-09 · Published Publication date from the Instagram post; the title number 200509 refers to the same day. ### 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 Sources [Open the original page ↗︎](https://cheyuwu.com/zh/sketch/892021/) [OpenProcessing ↗︎](https://openprocessing.org/sketch/892021) [Instagram @bosscodingplease ↗︎](https://www.instagram.com/bosscodingplease/) Related records [→ Creative Coding 101 — the third Hahow course goes to crowdfunding](https://cheyuwu.com/strata/2020/#lab-course-creative-coding) · The note says the idea came from a course function example (Documented connection) ![Glowing Anemone — daily sketch still](https://cheyuwu.com/static/img/mirror/7d4357f20080.jpg) 2020-05-05 PrototypeChe-Yu Wu / OpenProcessing 2020-05-05 · Published Publication date from the Instagram post; the title number 200505 refers to the same day. ### 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 Sources [Open the original page ↗︎](https://cheyuwu.com/zh/sketch/889053/) [OpenProcessing ↗︎](https://openprocessing.org/sketch/889053) [Instagram @bosscodingplease ↗︎](https://www.instagram.com/bosscodingplease/) ![Crazy Score — daily sketch still](https://cheyuwu.com/static/img/sketches/885665-sm.webp) 2020-04-30 PrototypeChe-Yu Wu 2020-04-30 · Published Publication date from the Instagram post; the title number 200430 refers to the same day. ### 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 Sources [Open the original page ↗︎](https://cheyuwu.com/zh/sketch/885665/) [OpenProcessing ↗︎](https://openprocessing.org/sketch/885665) [Instagram @bosscodingplease ↗︎](https://www.instagram.com/bosscodingplease/) ![Random Square Motion — daily sketch still](https://cheyuwu.com/static/img/sketches/883193-sm.webp) 2020-04-27 PrototypeChe-Yu Wu 2020-04-27 · Published Publication date from the Instagram post; the title number 200427 refers to the same day. ### 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 Sources [Open the original page ↗︎](https://cheyuwu.com/zh/sketch/883193/) [OpenProcessing ↗︎](https://openprocessing.org/sketch/883193) [Instagram @bosscodingplease ↗︎](https://www.instagram.com/bosscodingplease/) Related records [→ Dream of Lily — daily sketch](https://cheyuwu.com/strata/2020/#lab-sketch-877117) · The note says it rewrites the Dream of Lily particle system (Documented connection) ![p5-vue-mirror — a live-editing p5.js editor component — project image](https://cheyuwu.com/static/lab/2020/repo-p5-vue-mirror.webp) 2020-04-26 Open sourceChe-Yu Wu / GitHub README image 2020-04-26 · Published Taken from the GitHub repository creation date; the last commit is dated 2020-04-30. ### 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 [Open the original page ↗︎](https://github.com/frank890417/p5-vue-mirror) [GitHub ↗︎](https://github.com/frank890417/p5-vue-mirror) Related records [→ Intuitive Music Expression — NYU IDM thesis（2019）](https://cheyuwu.com/strata/2019/#lab-thesis-intuitive-music) · The thesis page's interactive sketch is carried by this component (Curatorial theme) ![Getting started with p5.js — an interactive web tutorial — article image](https://cheyuwu.com/static/lab/2020/note-p5-quickstart.webp) 2020-04-24 WritingChe-Yu Wu / Creative Coding TW page image 2020-04-24 · Published ### 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 [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/) ![Crowded City — daily sketch still](https://cheyuwu.com/static/img/sketches/880483-sm.webp) 2020-04-23 PrototypeChe-Yu Wu 2020-04-23 · Published Publication date from the Instagram post; the title number 200423 refers to the same day. ### 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 Sources [Open the original page ↗︎](https://cheyuwu.com/zh/sketch/880483/) [OpenProcessing ↗︎](https://openprocessing.org/sketch/880483) [Instagram @bosscodingplease ↗︎](https://www.instagram.com/bosscodingplease/) ![Atomic furnace — daily sketch still](https://cheyuwu.com/static/img/sketches/877614-sm.webp) 2020-04-20 PrototypeChe-Yu Wu 2020-04-20 · Published Publication date from the Instagram post; the title number 200420 refers to the same day. ### Atomic furnace — daily sketch Fusion happened among countless particle collisions, / and out of the tiny probability of fusion, life was born. - Particles - Life Sources [Open the original page ↗︎](https://cheyuwu.com/zh/sketch/877614/) [OpenProcessing ↗︎](https://openprocessing.org/sketch/877614) [Instagram @bosscodingplease ↗︎](https://www.instagram.com/bosscodingplease/) ![Dream of Lily — daily sketch still](https://cheyuwu.com/static/img/mirror/6cfd093338c3.jpg) 2020-04-19 PrototypeChe-Yu Wu / OpenProcessing 2020-04-19 · Published Publication date from the Instagram post; the title number 200419 refers to the same day. ### Dream of Lily — daily sketch Letting particles bloom along a particular force field, leaving their trails behind as dreamlike petals. - Particles - Force fields Sources [Open the original page ↗︎](https://cheyuwu.com/zh/sketch/877117/) [OpenProcessing ↗︎](https://openprocessing.org/sketch/877117) [Instagram @bosscodingplease ↗︎](https://www.instagram.com/bosscodingplease/) Related records [→ Random Square Motion — daily sketch](https://cheyuwu.com/strata/2020/#lab-sketch-883193) · The note says it rewrites the Dream of Lily particle system (Documented connection) ![An interactive weather map — livestream notes — article image](https://cheyuwu.com/static/lab/2020/note-weather-map.webp) 2020-03-28 WritingChe-Yu Wu / Creative Coding TW article image 2020-03-28 · Published ### 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 [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/) Related records [→ A realtime chat room with Socket.io — livestream notes](https://cheyuwu.com/strata/2020/#lab-note-socket-chat) · The same run of livestream notes (Curatorial theme) ![A realtime chat room with Socket.io — livestream notes — article image](https://cheyuwu.com/static/lab/2020/note-socket-chat.webp) 2020-03-25 WritingChe-Yu Wu / Creative Coding TW page image 2020-03-25 · Published ### 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 [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/) Related records [→ An interactive weather map — livestream notes](https://cheyuwu.com/strata/2020/#lab-note-weather-map) · The same run of livestream notes (Curatorial theme) ![Boss's Web Lab #1 — a CSS letter-split animation — article image](https://cheyuwu.com/static/lab/2020/note-css-letter-split.webp) 2020-03-06 WritingChe-Yu Wu / Creative Coding TW article image 2020-03-06 · Published ### 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 [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/) Related records [→ Boss's Web Lab #2 — a canvas mask animation](https://cheyuwu.com/strata/2020/#lab-note-canvas-mask) · The first post in the same series (Documented connection) ![Boss's Web Lab #2 — a canvas mask animation — article image](https://cheyuwu.com/static/lab/2020/note-canvas-mask.webp) 2020-03-06 WritingChe-Yu Wu / Creative Coding TW article image 2020-03-06 · Published ### 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 [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/) Related records [→ Boss's Web Lab #1 — a CSS letter-split animation](https://cheyuwu.com/strata/2020/#lab-note-css-letter-split) · The first post in the same series (Documented connection) ![Floating in the Sky VR experience — work page image](https://cheyuwu.com/static/img/mirror/4430345241a6.webp) 2020 AwardChe-Yu Wu 2020 · Past event record The 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. ### 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 Sources [Open the original page ↗︎](https://cheyuwu.com/project/-LeeLqyqPGuJRybr9psJ/) [cheyuwu.com ↗︎](https://cheyuwu.com/project/-LeeLqyqPGuJRybr9psJ/) Related records [→ Intuitive Music Expression — NYU IDM thesis（2019）](https://cheyuwu.com/strata/2019/#lab-thesis-intuitive-music) · Work from the same NYU IDM years (Curatorial theme)