I was captivated by the oscillation animation demo in class. The simplicity and elegance of the form made me see its potential as a loop animation.

To explore this idea, I modified the class demo code to create the seamless loop. Along the way, I came across a coordinate diagram below that resonated with the animation’s movement, so I incorporated it to add an extra layer of meaning.

https://editor.p5js.org/shunhuang0906/sketches/uB8l7DiWh

Then I printed it out using a riso printer. The slight imperfections from the printing process added a tactile quality that digital animation alone couldn’t achieve.

Seeing it transition from code to print and back to motion was a fascinating process—it gave the piece a unique rhythm that blends the precision of generative art with the warmth of analog techniques.

Here’s how it turned out:

in class

%

is useful for make counter that go back to 0 for fixed amount

todo:

have meditative sound wave using fft

responsive canvas: https://codingtrain.github.io/12oclocks/#clock-09