After a recent visit to the MOMA, I was taken by the rotating circles from Marcel Duchamps's Anemic Cinema. With that, I decided to take a try at recreating clips from this classic piece using the Processing javascript library. The circles are nearly cocentric but are offset slightly by a random value. From there, I alternated shading, being careful to draw the largest circle first and then iteratively placing the smaller circles on top. To produce the animation, the circles 'spin' by translating their centers around an orbit. This particular effect is created by applying two distinct orbital speeds to alternating circles.
Enjoy!