I have two words for you: Generative Art
This week’s ICM course involved moving from a static, manual idea of Processing to animation and interaction. Not surprisingly, when Dan Shiffman began to show us different ways to create an interactive drawing, my initial reaction was : oooh! things move! shiny! colors! more! more! more!
Ziv Schneider and I met later in the week to discuss a complimentary collaboration for ICM. Luckily, Ziv came prepared having actually researched some pretty awesome examples of Generative Art as inspiration. In the context of my programming class, Generative Art is using Processing (programming language) to create artistic work (i.e. painting).
At the end of the day, I didn’t have much time so I decided play around with randomness, transparency and stroke weight to create painterly effects.
Here is my first attempt at building layers of color, thinking back to basic painting practices (the composition of the sketches is partially randomly generated):
Here is attempt two, playing with different colors:
And attempt three, playing with stroke weight and building color with transparency layers to create a soft, blurred effect.
Some great eye candy (totally gratuitous!), but I would love to have a better grasp of randomness/variables and controlling what happens.
Source code:
float x = 0;
float y = 0;
void setup() {
size(600, 400);
// random starting location
x = random(0,600);
y = random(0,400);
background(41, 41, 46);
frameRate(10);
}
void draw() {
// random painting effect
//x = random(0, 400);
//y = random(0, 300);
// random mouse effect
x = random(mouseX-70, mouseX+100);
y = random(mouseY-50, mouseY+70);
fill(49, 36, 102, 10);
stroke(0, 206, 209, 60);
strokeWeight(1);
ellipse(x, y, 100, 100);
}
void keyPressed() {
// random mouse effect
x = random(width);
y = random(height);
stroke(204, 102, 0, 30);
strokeWeight(2);
rect(x, y, 100, 50);
stroke(255, 255, 255, 80);
rect(x+10, y+20, 100, 100);
stroke(0, 0, 0, 80);
rect(x+25,y+25,40,40);
}
