https://editor.p5js.org/jinyuanxu.jx/sketches/nDMLTFrAE

https://editor.p5js.org/jx2503/sketches/cNqFkK1vK

(Animation is triggered by SPACEBAR!!)

Screenshot 2025-02-10 230157.png

image.png

image.png

I was inspired by both Piet Mondrian’s artwork and a game called Balatro, so I was imagining what would happen if these two elements were combined. Piet Mondrian is famous for his abstract and neoplasticism art style, so the colors used in my project are the same as Mondrian’s blue, yellow and red. I also want to imitate the card-shaking effect in Balatro.

My methodology was to divide the animation into four phases: spread, gather, shake and reorganize.

Here are a few iterations that took me a very long time to test and modify:

Iteration1.gif

This one is for experimenting with the spread phase.

Iteration2.gif

This version mainly focuses on experimenting with the shaking phase.

Iteration3.gif