1024x1024 generative animation (Vanilla JS canvas)

This piece is an evolving painting. Press "s" to download a png file on live.
In this world of rotating squares they try to find a place and interact with each other.
The squares can have a fixed number of divisions or can grow with size.
An optional feature generates lines in the background when they collide.
There are a much more other features.
Wait and see how the painting evolves, you can click or touch to toggle the animation.


12 features included

36 Color palettes
Number of squares (between 2 and 12)
Dashing pixels and linewidth
Stripe width (narrow, normal, thick)
Skew (true or false)
Number of square divisions
Rotation Speed
Rotation Direction
Opacity
Background lines

Daniel Julià
December 2021