ITERATIVE DESIGN (II)_##1st Round##___ STAGE 4 (TEST IT)

INDEX

This post shows how a geometrical image is painted with colours taken from random pixels of the webcam image.

I am still not sure about the style I want to use for my piece, but I will start with a technical and geometrical aesthetic. Inspired by geometric art.

“Geometric abstraction is a form of abstract art based on the use of geometric forms sometimes, though not always, placed in non-illusionistic space and combined into non-objective (non-representational) compositions.” (Wikipedia, 2015)

IMAGES::

provaColors0009 provaColors0018 provaColors0054 provaColors0073 provaColors0135

VIDEO::

CODE::

import processing.video.*;
Capture cam;
int w = 50;
int s = 0;
color c;
void setup(){

cam = new Capture(this, 640, 480, 20);
cam.start();

size(640, 480);
background(255);
frameRate(4);
smooth();

}
void draw() {
color[] c1 = new color[5];

c1[0] = cam.get(int(random(width)),int(random(height)));
c1[1] = cam.get(int(random(width)),int(random(height)));
c1[2] = cam.get(int(random(width)),int(random(height)));
c1[3] = cam.get(int(random(width)),int(random(height)));
c1[4] = #FFFFFF;

c = cam.get(width/2,height/2);

for(int y=0; y<height; y=y+w){
for(int x=0; x<width; x=x+w){
noStroke();
fill(c1[int(random(1,5))]);
rect(x, y, w, w);
}
}

int d = 400;
while(d > 0){

for(int n=0; n<80; n=n+1){
fill(c1[int(random(1,5))]);
noStroke();
ellipseMode(CENTER);
s=(s+1)%d;
ellipse(width/2,height/2, s,s);
}
d= d-50;
}

}
void captureEvent(Capture c){
c.read();
}

______________

Below, I have added the value of brightness which is also used to create the final image. When brightness is less or equal than 100, the central figure is an square, and the background is made by ellipses in squares. Whereas, when brightness is more than 100, the central figure is an ellipse and the background ones are squares.

IMAGES::

brightness013 brightness024 brightness030 brightness035 brightness037 brightness057 brightness060 brightness066 brightness076 brightness096 brightness105 brightness107

VIDEO::

CODE::

import processing.video.*;
Capture cam;
int w = 50;
int s = 0;
color c;
void setup(){

cam = new Capture(this, 640, 480, 20);
cam.start();

size(640, 480);
background(255);
frameRate(4);
smooth();

}
void draw() {
// image(cam, 0, 0);
color[] c1 = new color[5];

c1[0] = cam.get(int(random(width)),int(random(height)));
c1[1] = cam.get(int(random(width)),int(random(height)));
c1[2] = cam.get(int(random(width)),int(random(height)));
c1[3] = cam.get(int(random(width)),int(random(height)));
c1[4] = #FFFFFF;

color[] c2 = new color[5];

c2[0] = cam.get(2,3);
c2[1] = cam.get(4,6);
c2[2] = cam.get(200,44);
c2[3] = cam.get(300,80);
c2[4] = cam.get(40,50);

c = cam.get(width/2,height/2);

if (brightness(c1[2])<=100){
 for(int y=0; y<height; y=y+w){
   for(int x=0; x<width; x=x+w){
     noStroke();
      fill(c1[int(random(1,5))]);
      rect(x, y, w, w);   
   }
 }
}
else{
 for(int y=0; y<height; y=y+w){
   for(int x=0; x<width; x=x+w){
     noStroke();
      fill(c1[int(random(1,5))]);
      ellipse(x, y, w, w);   
   }
 }

}
 
 int d = 400;
 

s=(s+1)%d;

while(d > 0){

 if (brightness(c1[2])<=100){
  for(int n=0; n<80; n=n+1){
    fill(c1[int(random(1,5))]);
    noStroke();
    ellipseMode(CENTER);
      
    ellipse(width/2,height/2, s,s); 
  }
  }else{
   for(int n=0; n<80; n=n+1){
    fill(c1[int(random(1,5))]);
    noStroke();
    rectMode(CENTER);
    rect(width/2,height/2, s,s); 
  }
 
  }
    d= d-50;
}




}
void captureEvent(Capture c){
c.read();
}

REFERENCES::

Wikipedia, 2015. Geometric abstraction. [online] Wikipedia. Available on: http://en.wikipedia.org/wiki/Geometric_abstraction

INDEX

Advertisements

One comment

Leave a Reply

Fill in your details below or click an icon to log in:

WordPress.com Logo

You are commenting using your WordPress.com account. Log Out / Change )

Twitter picture

You are commenting using your Twitter account. Log Out / Change )

Facebook photo

You are commenting using your Facebook account. Log Out / Change )

Google+ photo

You are commenting using your Google+ account. Log Out / Change )

Connecting to %s