Musings on art, code and life.

Latest

Multi Player Art

I just woke up this morning and thought about a java(processing) program that I wrote last night. I was really only looking to create a proof-of-concept for the midi connection but it evolved into something pretty cool. It really only became interesting when my girlfriend walked up to take a look, and she started controlling the brush settings as I painted on the screen with my Wacom.

ProcessingSketch

Player 1 uses a drawing tablet. Their responsibilities are; controlling the act of painting and the direction/ speed of the brush.

Player 2 uses the M-Audio Trigger Finger. Their responsibilities are; Controlling the color, alpha & brush size using the sliders and knobs of the Trigger Finger.

The basic GUI displays the color selected on the bottom left. As Player 1 clicks the mouse or presses the pen to the tablet, the drawing is initiated. Drawing ceases when the mouse click is released or the pen is lifted from the surface of the tablet. While drawing is occuring, Player 2 may dynamically control the brush settings and color palatte.

The goal is to create a system that lets two artists combine specific parts of their talent to create a unique artwork.

If you consider the elements and principles of Design and Colour;

Player 1 is responsible for only the line and the direction in the elements of design. Player 2 controls the oscillation of shape, size, texture and value.

With the principles of design it is not so cut and dry. Balance in a design is created from a combination of line, color and shape. Player 2 contributes most to the balance through the color and shape but there is significant influence by Player 1. Gradation is a result of a color oscillation and is created by Player 2. Interestingly enough, Player 1 could create themes of gradation by careful placement of the brush. The creation of repetition in a work can be done by either player. Player 1 may create repetition through placement of the brush while Player 2 can create it through careful selections of color and line style. Contrast is created through the juxtaposition of opposing elements. With this system, there are infinite ways that contrast can be created when two people are affecting the same work. If the two players communicate a strategy for creating the work then pleasing contrast may be easily achieved. If the two players work against each other, it could quickly create chaotic, un-appealing contrast. Harmony, Dominance and Unity are much like Contrast in that they can be difficult to get right without communication between players.

It will be interesting to explore how this type of interactive art can be used by different people. I plan to connect this to Twitter for the art show!

When everything is said & done (& re-factored!) I will post the source code for anyone with a M-Audio Trigger Finger who wants to try it out.

Big thanks to Ruin & Wesen for their Java/Processing Midi Classes. Read about their amazing work at http://ruinwesen.com/blog?id=95

Math Is My Friend

I am working on a website that uses a very large grid of pages that are shifted around to display content. I am building a map that lets you navigate to any rectangle on the board through a simple grid box.
The HTML is laid out in a simple list. The opening ul and then 44 [...]

Loading Data Across Domains in Flash

I have been working on a small AS3 project that uses the Yahoo Image Search API to generate a composite image out of a number of slices. Each slice is taken from one image in the image search result. This is a project for my Outsider Art class. My goal is to randomly generate new [...]

My Neglected Blog

I am sorry blog, I have stopped writing on you. I blame Google Wave. It is a really amazing application and I spend a lot of time writing on it. Sometime soon I will revise my Wave’s and post them as blogs. Perhaps I will parse my waves and make something better for the blog.
At [...]

Future Ocean Explorer

I just found the most beautiful project while browsing reading about the VVVV toolkit. The “Future Ocean Explorer” project is a HUGE multi-touch surface that displays a sprawling, dynamic ocean of information, motion and interaction. The video at http://vimeo.com/8499034 shows the table in action.
This table is so large that twenty people could easily gather around [...]

Riding the (Google) Wave

A big thank you to Catherine, instructor extraordinair at the Art Institute Sunnyvale for introducing us to some very interesting people, and then persuading said people to hook us up with Wave beta invitations. I was distracted by my ActionScript endeavors and so I hesitated to jump into Wave. Just the other day, I was [...]

To MXML Or Not To MXML, That Is The Question.

Just this past week I began to delve into the wonder and beauty that is Flash Builder 4 beta. There seems to be some confusion around the Flex/Flash Builder family but to me it is very clear. Flash Builder is an IDE that features a flash compiler along with a MXML compiler, a design mode [...]

Six Foot Tall Tree Made of Cubes

This whole concept started with a pile of scrap book board (book board is the thick material used for hardback book covers). I had been accumulating the material for quite some time while creating “collateral” for PSRT Catering. The first cube tree happened out of chance; I intended to create an an amorphous object from [...]

The Start Of Something…

This is a very simple test of the CubeTree program.

I just felt the spark of inspiration.
I have been toiling away on a as3 generative art project that combines augmented reality, wiiflash control, papervision3d and beautiful organic tree structures for the last two weeks. It has consumed much of my attention, causing me to skip class and almost miss deadlines. It is the kind of [...]

Skittles.com Social Media Widget

The Skittles.com webpage is not so much a site, but a gateway widget that leads the visitor to many different third party sites. This is an interesting technique that is reminiscent of the dreaded frame era but without the ugly frames. The team behind Skittles.com utilized modern browser technology to create a persistent widget that [...]