This interactive header animation was for the new codedcolors.com. I created several overlapping circles with subtle motion when at rest, and they will expand to cover the whole header when mouseover. New variation would be generated upon refreshing the page or clicking on the logo text.

The screen capture slowed down the animation, the actual expanding and collapsing is faster and smoother.

Tools: processing.js, html5 canvas

Loading more stuff…

Hmm…it looks like things are taking a while to load. Try again?

Loading videos…