ABOUT // AU SUJET // CONSIDERACIÓN // CONSIDERAZIONE
This section of my website is devoted to web experimentation and over-the-top aesthetics. Most recently I've been exploring heavy DOM scripting along with randomization of color and imagery.A simple example of the fruits of this labor can be seen on this page. The majority of the color palette is created randomly when the page loads. I like the idea of randomization of color palettes because it provides unexpected juxtapositions of color; many times producing palettes one would never consciously employ.
REQUIREMENTS
These web pages are concerned with exploiting the most up to date web and graphics technologies. Therefore, if you happen to make your way to this site using Internet Explorer 5.5 or Netscape Navigator 3, you will be disappointed. Upgrade! I recommend Firefox above all others.
Software Supported: IE7, Firefox 2/3, Safari 3.1.2+
Scripting Required: JavaScript must be enabled.
RANDOM COLOR EXPERIENCE // ONE
ABOUT
Choosing color palettes can be fun and intimidating. Color used to intimidate me, and still does on occasion. I thought it would be interesting to explore DOM scripting while producing a quasi-application that produces random color palettes for a simple generic web layout. You can change the colors as you like, or set the application to randomly change the color palette every 10 seconds. If you see a palette you like, click the "View Current Color Info" or "View Color History" (this currently records all color palettes produced, so be aware that it will start to clog up your computer's memory after a while, but I'm working on the scripting to have it auto-flush).
You'll be amazed how interesting some of the color combinations turn out.
LAUNCH THE PAGE
RANDOM COLOR EXPERIENCE // DUEX
ABOUT
This is a dynamic node creation experiment, along with random color generation and interval testing.
The colored boxes are dynamically created via DOM scripting. Each color is randomly set and then an interval is set that randomly chooses one of the boxes each millisecond via it's dynamically created id attribute and sets the background color to another random rgb value. The effect is fun to view. It's reminiscent of one of those faux mainframe computers shown in movies from the mid 20th century. If you run your mouse over the boxes, they will change color.
I've also set the ability to dynamically change the background color of the container to a primary / secondary or tertiary color. A setInterval and setTimeout method is added upon doing this to create a fun scrolling animation just for the heck of it. Check it out.
LAUNCH THE PAGE
COLLAGIST
ABOUT
The idea behind this came from texture/pattern creation projects I undertook in Design 1 and Design 2 classes at Art Center. I wanted to dynamically create random patterns using images and randomly chosen background colors. Some of the patterns are opaque portions of images randomly organized. Others use .png files with various amounts of transparency. When these are coupled with random background colors, you get a multitude of random colors and patterns.
If you run your mouse over the patterns, they dynamically change; some also change background color.