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.
2022-01-01 — 2022-12-3134 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.
2022 · 01
2022 · 02
2022 · 03
2022 · 04
2022 · 05
2022 · 06
2022 · 07
2022 · 09
2022 · 10
2022 · 11
2022 · 12
Complete records
Read each record
Newest first, older as you go down. Each record retains its date basis, public sources and connection labels.
p5.js interactive art — a beginner workshop in two parts
A two-part write-up of a workshop. Part one covers what creative coding is, introduces p5.js as a JavaScript-based visual programming tool, and demonstrates colour, shape and variables, showing how OpenProcessing lets someone without an engineering background make interactive visuals; part two turns to generative art. The material comes from a course delivered for C-LAB in October 2021 and later documented as roughly two hours of instruction.
- Teaching
- p5.js
Generative charity wallpapers with McDonald's
An account of a generative charity wallpaper project with McDonald's Taiwan. The wallpapers sit on a phone lock screen and can be scanned to donate to Ronald McDonald House. Three works were made: hearts formed by particle physics expanding into a universe, balloons carrying hearts across a pandemic-era city, and a mathematically generated roller-coaster track. The artist wrote rules and let the computer generate many variants, the hard part being that every variant had to look good, which required custom automation for different screen sizes.
- Commission
- Charity
HexSchool livestream: skills for an interactive web engineer
A livestream in HexSchool's 大神來六角 series, hosted by Ray with Che-Yu Wu as speaker. It maps out the skills an interactive web engineer needs: CSS and visual design, animation tooling such as jQuery, Framer Motion and ScrollMagic, Canvas and WebGL, 3D on the web with Three.js and Babylon.js, audio handling and machine learning, plus creative coding and hardware integration.
- Talk
- Front-end
CreativeCoding.in writing award — interactive art category
One of the results announcements for the CreativeCoding.in writing award. In the interactive art category, a merit award went to Lo Wei-ting for a p5.js learning-notes piece on tearing open a gap in time. The entry documents shader techniques in p5.js combining a water-flow effect with a distortion filter, alongside a reflective account of the author's learning.
- Open call
- Community
open-processing-backup
A JavaScript repository on GitHub for backing up work hosted on OpenProcessing. The repository carries no description field; it was created on 12 November 2022 and last pushed the following day.
- Open source
- Archiving
Interactive web design meetup: digital landing
A meetup session with Gu Jianhua, creative director of Black Hole Creative Studio, on moving from 3D web effects to virtual exhibition spaces. He addresses the gap between designers and engineers, shows around twelve projects spanning installations, online exhibitions and NFT showcases, and introduces Virsody, a Web3 virtual curation platform built in 2022.
- Community
- Online exhibition
- Sources
- Open the original page ↗︎
- CreativeCoding.in ↗︎
- Related records
- → Interactive web design meetup: Blockstudio on building online · The same interactive web design meetup series (Curatorial theme)
Interactive web design meetup: Blockstudio on building online
A meetup session with Ming Li, design director at Blockstudio. He presents two methodologies and five projects: a staged framework for website motion from loading through interaction, and an eleven-point method for analysing a site. Cases include the Kaohsiung Music Center, a 25th-anniversary online exhibition for Game Citadel, and the Taiwan Design Research Institute site.
- Community
- Web design
- Sources
- Open the original page ↗︎
- CreativeCoding.in ↗︎
- Related records
- → Interactive web design meetup: KIVΛMKII on sci-fi sound · The same interactive web design meetup series (Curatorial theme)
- → Interactive web design meetup: digital landing · The same interactive web design meetup series (Curatorial theme)
Introduction to tech art — ITSA livestream
A beginner livestream on new media and code-based art, hosted by Creative Coding Taiwan with support from the Ministry of Education ITSA programme. It frames creative coding at the meeting point of design, engineering, mathematics, motion and hardware, demonstrates basic p5.js drawing and interaction alongside MaxMSP sound synthesis and ADSR control, and cites work by Ryoji Ikeda and teamLab.
- Talk
- Teaching
Unit on Chain: Zach Lieberman × Che-Yu Wu
A conversation in Unit London's Unit on Chain series, running alongside the In Our Code exhibition. Zach Lieberman and Che-Yu Wu discuss their routes into creative coding from art and engineering, how emotion and movement carry meaning in algorithmic work, the difference between a technical demo and a poem, teaching the next generation, and why physical exhibitions still matter for generative art.
- Conversation
- Creative coding
Interactive web design meetup: KIVΛMKII on sci-fi sound
A meetup talk by Kiva Wu of Projectλ Studio. The session organises sound design into dynamics, frequency and space, explains the difference between audio and MIDI tracks, walks through compressors, equalisers, filters and delay, and discusses balancing organic randomness against musical logic a listener can follow.
- Community
- Sound design
- Sources
- Open the original page ↗︎
- CreativeCoding.in ↗︎
- Related records
- → Interactive web design meetup: Blockstudio on building online · The same interactive web design meetup series (Curatorial theme)
Daily sketches: Toxic Laurel and Golden Evolution
Two daily sketches that later became seeds for the everything-formula line of work. The OpenProcessing author page was behind a bot-verification wall at the time of writing, so neither sketch page could be read and this entry records only the titles and the date.
- Daily practice
- Generative
Project % — Ars Electronica Linz
Project % shown at Ars Electronica in Linz, Austria. The TAICCA source page returned HTTP 403 at the time of writing, so this entry records only the title and the dates and makes no claim about the content of the presentation.
- Exhibition
- International
cheyu-genart-fairy-village Repository
A public GitHub repository for a generative work. It holds index.html plus index_randomhash.html and index_tokenhashtool.html variants, the scripts mySketch.js, Artblocks.js and seperatechunk.js, along with package.json, featurefield.json, build and dist directories and canvas-light.jpeg. The Artblocks and tokenhashtool filenames point to the Art Blocks on-chain and hash-preview workflow. The main branch holds thirty-one commits and the About field is empty.
- Generative art
- Open source
- Sources
- Open the original page ↗︎
- GitHub ↗︎
- Related records
- → AB_Project_CheYu Repository（2021） · The same Art Blocks production line (Curatorial theme)
Circles — Repetition Through Loops
On making repeating visual patterns with loops. It opens on repetition in art and nature, then teaches for-loop syntax in p5.js and its basic uses, nested loops for grid arrangements, and adding rules and variation within repetition. The worked example builds a music-inspired piece arranging colourful spheres in a four by four grid, taking Friday Love by the Taiwanese band The Fur. as its starting point, and shows how to combine static design elements with dynamically generated particles. The complete example is published on OpenProcessing.
- Loops
- p5.js
- Sources
- Open the original page ↗︎
- Creative Coding TW ↗︎
- Related records
- → An Alien Rendering Language? Applying Shaders and WebGL for Rich Visual Effects · The same tutorial publishing line (Curatorial theme)
An Alien Rendering Language? Applying Shaders and WebGL for Rich Visual Effects
An introduction to shaders and WebGL for visual effects on the web. Shaders are explained as a set of instructions executed for every pixel on screen, leaning on the GPU rather than CPU work alone. Applications covered include distortion hover effects, 3D model rendering and displacement mapping, with learning resources such as The Book of Shaders, Shadertoy and p5.js plus code examples for noise and distortion. It cites commercial implementations including Outernets and a Taiwanese beer campaign site, and notes that production use also requires knowledge of JavaScript modules and bundlers.
- Shaders
- WebGL
- Sources
- Open the original page ↗︎
- Creative Coding TW ↗︎
- Related records
- → Interactive Web Tutorial — Object-Oriented Canvas Dragging with GUI Objects and Inheritance · The same tutorial publishing line (Curatorial theme)
- → Circles — Repetition Through Loops · The same tutorial publishing line (Curatorial theme)
FAB DAO BlindBox NFT (Stages 1 and 2)
The FAB DAO BlindBox NFT, released across a first and a second stage. FAB DAO, or Formosa Art Bank DAO, is the nonprofit NFT autonomous organisation he co-founded with Huang Tou-Ni, connecting blockchain fundraising to nonprofits and emerging creators.
- Charitable NFT
- DAO
- Sources
- Open the original page ↗︎
- FAB DAO 計畫頁 ↗︎
- Related records
- → Stan Shih Foundation — Stan Shih Spots a Talent: Che-Yu Wu on the International Stage · The FAB DAO project mentioned in the article (Curatorial theme)
- → Blocktrend EP.150 — Licensing Was a Misstep, Pure Creation Sells Better · FAB DAO as discussed in the episode (Curatorial theme)
SoulFish
A generative work released on fxhash. The text takes up Zhuangzi's butterfly parable, describing soul fish born in the void and crystallised from human emotions, fluttering silently and slowly through digital depths, and asking how we understand joy and consciousness across different forms of being. Each edition runs its algorithm live in the browser with its own visual outcome.
- Soul series
- fxhash
- Sources
- Open the original page ↗︎
- Che-Yu Wu 官方網站 ↗︎
- Related records
- → SoulSea（2021） · The Soul series (Curatorial theme)
Interactive Web Tutorial — Object-Oriented Canvas Dragging with GUI Objects and Inheritance
A tutorial on building interactive GUI elements directly on HTML5 Canvas without external libraries. It covers three parts: a Vec2 class to simplify coordinate and position handling across many objects; a three-layer GUI architecture of individual objects, GUI groups, and a Scene class handling rendering and event detection; and two interactions, colour feedback on hover and drag-and-drop wired through mousedown, mousemove and mouseup. It highlights function overloading and an inRange() method for mouse-object hit detection.
- Canvas
- Object-oriented
- Sources
- Open the original page ↗︎
- Creative Coding TW ↗︎
- Related records
- → An Alien Rendering Language? Applying Shaders and WebGL for Rich Visual Effects · The same tutorial publishing line (Curatorial theme)
- → Canvas Tutorial — Enemy Detection Radar（2021） · The same Canvas tutorial line (Curatorial theme)
Saturday Chat — Making the Art Blocks Project Electriz
An account of making Electriz, the Art Blocks generative NFT. The work simulates particle behaviour from cloud chamber experiments, where particles leave traces crossing spaces of differing charge. Technical ground covers p5.js with keccak hashing for fixed randomness so each output stays consistent, publishing the code to the blockchain in chunks at roughly one ETH per chunk, testing on the Art Blocks staging environment before launch, and previewing hash variations with Token Art Tools. It also argues that NFT outcomes depend on more than the work alone: artists build a personal brand across Discord and social media, consider blending digital and physical experience, and keep engaging their community while waiting to be seen.
- Art Blocks
- Making-of
- Sources
- Open the original page ↗︎
- Creative Coding TW ↗︎
- Related records
- → Project Electriz (Art Blocks #216)（2021） · The project the article unpacks (Documented connection)
Creative Coding Taiwan May Meetup — Ping-Sheng Wu on Sound, Light and Installation
A record of the Creative Coding Taiwan May meetup, with sound artist and Noise Cafe Arts music director Ping-Sheng Wu, and Team9 technical director and National Tsing Hua University lecturer Wen-Han Chang. Wu discussed integrating sound, light and interactive installation, with a background spanning visual and sound art and study in creative sound and media technology. He presented six projects including a light installation responding to local fabric culture, interactive floor lighting in a music venue, a public synthesiser installation, a glass column acoustic sculpture in Shanghai, an outdoor instrument installation, and an interactive percussion setup. He described coming to code from a creative rather than an engineering angle, using visual programming tools such as Max MSP and TouchDesigner to bring sound design together with physical mechanisms and lighting in public art.
- Community meetup
- Sound installation
- Sources
- Open the original page ↗︎
- Creative Coding TW ↗︎
- Related records
- → Creative Coding Taiwan First Meetup — Che-Yu Wu's Generative Art Universe · The same community meetup series (Curatorial theme)
Chaos Lab May Run — AMBI SPACE ONE
Chaos Lab ran from 20 to 22 May 2022 at AMBI SPACE ONE on the fifth floor of Taipei 101, open from 11am to 6pm. The show selected fifty generative works made between 2020 and 2022, drawing on nature, physics, modern art, mathematical rhythm and music, presented as a roughly forty-minute immersive audiovisual experience across five high-specification projection surfaces that turned virtual imagery into a physical space around the visitor. Workshops on 21 and 22 May covered generative NFT production, blockchain technology and cultural applications, while an online section traced his path from interactive web design through generative art to interactive NFTs. Admission was NT$280 full, NT$150 student and NT$140 concession, free for children under four and visitors over sixty-five.
- Solo exhibition
- Immersive
- Sources
- Open the original page ↗︎
- MONOLAB 展覽頁 ↗︎
- 500輯 ↗︎
- 中央廣播電臺 ↗︎
- Related records
- → Chaos Lab Solo Exhibition, First Run — AMBI SPACE ONE · The May extension of the same exhibition (Curatorial theme)
p5.js Tutorial — Sweet Trap
A ten-step build of the generative piece Sweet Trap, where colourful geometric shapes converge and rotate with thin line accents. It moves from canvas setup and mouse interaction to polar coordinate transformations producing petal-like sine forms, then trigonometric positioning, coordinate rotation and translation, dynamic colour selection from curated palettes, noise-based texture, shape variation, shadows and a grid background. The finished work overlays text showing live parameters, and each run picks a different palette.
- p5.js
- Polar coordinates
- Sources
- Open the original page ↗︎
- Creative Coding TW ↗︎
- Related records
- → p5.js Tutorial — Coral Carnival · The same tutorial publishing line (Curatorial theme)
Creative Coding: Processing and p5.js Teaching and Trends — Lien-Cheng Wang and Che-Yu Wu in Dialogue
A Taiwan-US online dialogue hosted by C-LAB as part of the 2021 Future Media Arts Festival, between Lien-Cheng Wang, lecturer at Taipei National University of the Arts and technology artist, and Che-Yu Wu, founder of Monoame Design and interdisciplinary new media artist. They discuss Processing and p5.js as accessible entry points to creative coding, both arguing that teaching should centre on making work rather than learning a language and on thinking methods rather than technique. The conversation also covers academic versus industry teaching, the rise of generative art, and how most work on NFT platforms such as Art Blocks is written in p5.js.
- Dialogue
- Creative coding education
- Sources
- Open the original page ↗︎
- Creative Coding TW ↗︎
- Related records
- → Creative Coding Taiwan First Meetup — Che-Yu Wu's Generative Art Universe · The same community conversation line that year (Curatorial theme)
- → C-LAB Future Media Arts Festival: p5.js Creative Coding Workshop（2021） · The workshop from the same festival (Curatorial theme)
p5.js Tutorial — Coral Carnival
A ten-step account of making the generative piece Coral Carnival from scratch: an initial concept drawn from piano, sheet music and plants, a basic V-shaped motif, radial kaleidoscopic structures through loops and rotation, palettes built with Coolors, texture overlays and blend modes to lift the image, then final refinement and export. Technical ground covers frameCount()-driven animation, colour management with colorMode(), translate, rotate and scale transformations, and Perlin noise for natural randomisation. The argument is that generative art holds up through materials, colour, detail and variation together.
- p5.js
- Generative art
- Sources
- Open the original page ↗︎
- Creative Coding TW ↗︎
- Related records
- → p5.js Tutorial — Birds on Power Lines · The same tutorial publishing line (Curatorial theme)
- → p5.js Tutorial — Sweet Trap · The same tutorial publishing line (Curatorial theme)
Cheers Magazine — Under 30 and Turned Around by NFTs
A profile in Cheers magazine on how he changed his career and standing before thirty through generative NFT work.
- Profile
- NFT
- Sources
- Open the original page ↗︎
- Cheers 快樂工作人 ↗︎
- Related records
- → Global Views Monthly — A 26-Year-Old Unknown Who Reached Financial Freedom Through NFTs（2021） · The same wave of press coverage (Curatorial theme)
Creative Coding Taiwan First Meetup — Che-Yu Wu's Generative Art Universe
A record of the first in-person Creative Coding Taiwan meetup, with artist and Monoame Design founder Che-Yu Wu as speaker. It opens on what creative coding is, treating code as a medium for producing new phenomena and connections, then moves through rules, constraints, storytelling, visual presentation, variation and randomness in generative art. Tools covered include p5.js, Open Processing, GLSL shaders, Unreal Engine and TouchDesigner. He presents his fxhash SoulSea series and CryptoPochi on OpenSea as interactive NFTs combining blockchain and web technology, and extends into GPU rendering and GLSL. The post is the first of three parts covering the roughly two-hour livestream.
- Community meetup
- Talk
- Sources
- Open the original page ↗︎
- Creative Coding TW ↗︎
- Related records
- → Creative Coding Taiwan May Meetup — Ping-Sheng Wu on Sound, Light and Installation · The same community meetup series (Curatorial theme)
- → Creative Coding: Processing and p5.js Teaching and Trends — Lien-Cheng Wang and Che-Yu Wu in Dialogue · The same community conversation line that year (Curatorial theme)
- → SoulSea（2021） · A work presented in the talk (Curatorial theme)
Chaos Lab Solo Exhibition, First Run — AMBI SPACE ONE
The first run of the generative art solo exhibition Chaos Lab, subtitled as a translation from virtual NFTs to the physical world, at AMBI SPACE ONE on the fifth floor of Taipei 101. The show gathers his NFT work from 2020 to 2022 into fifty selected generative pieces drawing on nature, physics, modern art, mathematical rhythm and music, turning online generative imagery into an offline immersive experience.
- Solo exhibition
- Immersive
- Sources
- Open the original page ↗︎
- MONOLAB 展覽頁 ↗︎
- 展覽紀錄影片 ↗︎
- Related records
- → Chaos Lab May Run — AMBI SPACE ONE · The May extension of the same exhibition (Curatorial theme)
- → Project Electriz (Art Blocks #216)（2021） · Electriz shown in the exhibition's second chapter (Curatorial theme)
p5.js Tutorial — Birds on Power Lines
A sixteen-step p5.js tutorial building birds perched on power lines, from drawing the wires to a fully animated scene. Techniques include lerp() for the sagging curve between poles, classes and constructors for reusable objects, randomised pole spacing and height, birds built from paired arcs, gradient backgrounds through colour interpolation, birds reacting to cursor proximity, and pole thickness varying with depth. The argument is generating diversity within regularity, where elements share a structure but differ in size, colour and position, so each refresh shows a different time of day. Advanced sections use Perlin noise for natural bird motion and pull configurable palettes from Coolors.
- p5.js
- Generative composition
- Sources
- Open the original page ↗︎
- Creative Coding TW ↗︎
- Related records
- → Interactive Web Tutorial — Building a Livestream Page with GSAP · The same tutorial publishing line (Curatorial theme)
- → p5.js Tutorial — Coral Carnival · The same tutorial publishing line (Curatorial theme)
Neocha — Algorithmic Bliss
An artist feature in Neocha. It describes generative art as algorithms executing predetermined rules to produce unique animated works, and traces his path from Adobe Flash in elementary school through computer science studies to NYU's Integrated Design and Media programme. The article centres the human element in algorithmic creation: machines generate the imagery, but human curation and emotional intention cannot be replaced. He says machines do not experience emotion because they are too perfect, while humans are flawed creatures and good art can come from those flaws. It also recounts his breakthrough with the Sea Hams series on Art Blocks, the community rallying after another collective plagiarised his code, his entry into the Art Blocks Hall of Fame with Sea Hams becoming the platform's unofficial mascot, and his founding of FAB DAO in December 2021 to support emerging Taiwanese digital artists.
- International press
- Generative art
- Sources
- Open the original page ↗︎
- Neocha ↗︎
- Related records
- → Project Electriz (Art Blocks #216)（2021） · The Art Blocks line covered in the article (Curatorial theme)
Interactive Web Tutorial — Building a Livestream Page with GSAP
A tutorial building a Facebook-style mobile livestream interface with Vue.js, Vue CLI and GSAP, including a video feed, emoji reactions that drift like particles, and a comment section with enter and exit transitions. It covers Vue's ref and $refs for DOM access, loading video streams with native JavaScript, emoji animation with GSAP's TweenMax and TimelineMax, and transition-group for element animation. The piece moves from single and multi-stage animation basics through each component to a working interface, with a live CodeSandbox demo.
- GSAP
- Vue
- Sources
- Open the original page ↗︎
- Creative Coding TW ↗︎
- Related records
- → Code as a Brush — Student Works from the Interactive Art Programming Course · The same tutorial publishing line (Curatorial theme)
- → p5.js Tutorial — Birds on Power Lines · The same tutorial publishing line (Curatorial theme)
Blocktrend EP.150 — Licensing Was a Misstep, Pure Creation Sells Better
Episode 150 of the Blocktrend podcast, around fifty-five minutes, with new media artist Che-Yu Wu. It follows his move from teaching interactive art and web design on Hahow to working as an NFT creator, and how an electrical engineering background led into digital art. The conversation covers his first OpenSea releases going unnoticed, an Art Blocks plagiarism incident that unexpectedly raised his visibility, his shift from treating NFTs as licensing tools toward pure creative expression, and FAB DAO connecting nonprofits with emerging creators. The episode argues original work resonates more in the NFT space than licensing-led approaches.
- Podcast
- NFT
- Sources
- Open the original page ↗︎
- Apple Podcasts ↗︎
- Related records
- → FAB DAO BlindBox NFT (Stages 1 and 2) · FAB DAO as discussed in the episode (Curatorial theme)
Code as a Brush — Student Works from the Interactive Art Programming Course
A showcase of seven student projects from the Interactive Art Programming course, showing how beginners without a coding background make visual work in p5.js. The pieces range from a work turning musical rhythm into visual particles, an interior space whose day and night lighting follows the mouse, a constructivism-inspired study of overlapping rectangles and light, an underwater scene that releases ink on click, ink ripples responding to cursor position, a dual-mode universe switching between atomic explosion and dream cubes, and a particle composition about hope in darkness. Each entry carries technical notes on animation, blend modes and advanced effects.
- Teaching
- Student work
- Sources
- Open the original page ↗︎
- Creative Coding TW ↗︎
- Related records
- → AR Series 2 — South Plus at the Kaohsiung Museum of Fine Arts · The same column publishing line (Curatorial theme)
- → Interactive Web Tutorial — Building a Livestream Page with GSAP · The same tutorial publishing line (Curatorial theme)
Stan Shih Foundation — Stan Shih Spots a Talent: Che-Yu Wu on the International Stage
An article from the Stan Shih Foundation. At an online lunar new year greeting event, Acer founder Stan Shih said he had found an exceptional talent in the metaverse, referring to digital artist Che-Yu Wu, and would help introduce his work more widely. The piece traces their history back to 2009, when Wu took first place in the junior high division of the fifth Acer Digital Creation Award, going on to win four first places and a jury grand prize across five consecutive years. It notes his international recognition after an NYU master's in integrated digital media, and lists upcoming plans including his first solo exhibition in Taiwan, immersive installations on algorithmic art and organic digital life, co-curating a Taiwan hundred-peaks NFT experience exhibition, and founding Formosa Art Bank DAO to support creators in Taiwan's NFT ecosystem.
- Profile
- Award history
- Sources
- Open the original page ↗︎
- 智榮基金會 ↗︎
- Related records
- → FAB DAO BlindBox NFT (Stages 1 and 2) · The FAB DAO project mentioned in the article (Curatorial theme)
AR Series 2 — South Plus at the Kaohsiung Museum of Fine Arts
An introduction to South Plus: The South as a Place of Encounter at the Kaohsiung Museum of Fine Arts, where fourteen classic collection works are augmented with AR. The show opened in 2021 after the museum's renovation and marked its twenty-fifth anniversary. The article explains that south here is a viewpoint onto plural histories and overlooked voices rather than a location. Visitors download the museum's collection app to see effects such as wind motion and 3D modelling on works by Chen Cheng-po and Cheng Shih-huang. The exhibition also offers a 360-degree VR walkthrough with artist background for remote visitors during pandemic closures.
- Augmented reality
- Museums
- Sources
- Open the original page ↗︎
- Creative Coding TW ↗︎
- Related records
- → Code as a Brush — Student Works from the Interactive Art Programming Course · The same column publishing line (Curatorial theme)
- → Saturday Chat — I Started Selling NFTs: The Value of Generative Art in NFTs（2021） · The same column publishing line (Curatorial theme)