Hace un mes dibujé esto en uno de mis cuadernos:

Era una idea de crear un rectángulo sombreado dentro de otro rectángulo sombreado pero con líneas rotadas en 90 grados. Jugué con la idea en p5.js por un rato y terminé con estos:

Aunque los resultados estaban quedando bien, no podría dejar de pensar en como se vería la misma idea pero en vez de usar rectángulos usara círculos. Experimenté un poco con círculos sombrados con líneas pero no se sintió como que las líneas y los círculos funcionaban bien juntos.

Luego de una conversación con un amigo, empecé a intentar sombrear los círculos con curvas en vez de líneas. Esto le dió camino a lo que sería el producto final, círculos sombreados con curvas. Las curvas son una copia del mismo círculo pero con su centro movido fuera del medio de la pantalla. Podría sonar complicado pero es realmente una idea básica que solo fue difícil de codear. Este fue otro garabato tratando de explicar el concepto:

El resultado fue mejor de lo esperado y me ayudó a hacerlo muy configurable con parametros que permiten obtener un monton de variaciones incluyendo estas:

En la última, agregué unas líneas en el centro para probar, y también animé rotaciones a las curvas que se pueden ver en este gif. Este fue un experimento bastante divertido y espero que hayas disfrutado leer el proceso!

¡Gracias por leer!