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