The Descent of Color

This sketch is relatively simple considering the compositions it ends up creating. There are a number of rectangles slowly floating upward. When the rectangles reach the top of the screen, they get repositioned at the bottom of the screen and given a new size and color. The hue is determined by a global hue value that is constantly cycling. The brightness, saturation, and size of the rectangles are selected randomly. To get the overlaid effects, each rectangle is drawn at a very low opacity and the underlying canvas (aka ‘graphics buffer’) is allowed to accumulate pixel colors instead of reseting each frame.

The end result is a lovely fish tank effect that I could just stare at for hours. The animation is done in processing and exported to processing.js. The source is available for download at the bottom of the page.

DOWNLOAD SOURCE