slayeroffice - web experiments gone horribly awry

Looking for the drawings? They're over here, and my drawing blog is this way.

Color Shift

  • Current Version: 1.0
  • Last Revision: 06.13.2004
  • Language: Javascript
  • Requires: MSIE6, Mozilla, Firefox, Opera 7+, Netscape 7+, Safari, Konqueror

This experiment creates a number of DIV elements (28 in this case, though the number isn't limited) and an array of hex colors (length not limited) and, using code from the Color Palette Creator calculates the transition of color[x] to color[y], changing the background color of each DIV element in a staggered manner to achieve the effect you see below, only animated.

Color Shift Screen Shot

You can change the color scheme by selecting a new one from a dropdown. Some are arbitrary colors that I put in, others are schemes I sampled from sites I visit.


go