ITERATIVE DESIGN (II)_ ##1st Round##___STAGE 3 (CONSTRUCTION)

INDEX

To start,  I am taking a pixel (the one where the mouse is) from an image and painting a rectangle with the colour of this pixel. To create contrast, I have divided the value of that colour by 2, this is why the colours in the rectangle are a bit different than the ones in the image.

To set the width of the rectangle I have used the brightness value.

IMAGES::

tardor0026 tardor0066 tardor0089 tardor0091 tardor0169 tardor0170

VIDEO::

CODE::

PImage myImage;
void setup(){
myImage = loadImage(“Tardor1.jpg”);
size(myImage.width,myImage.height);
}
void draw(){
image(myImage,0,0);
color c = get(mouseX,mouseY);
fill(c/2);
noStroke();
rectMode(CENTER);
rect(width/2,height/2, brightness(c),50);
}

_________________________________________________________________

A similar exercise using the webcam image:

IMAGES::

penscolour0018 penscolour0130 penscolour0430 penscolour0435 penscolour0522 penscolour0637 penscolour0702 penscolour0775 penscolour0947 penscolour1078 penscolour1183 penscolour1346 penscolour1357

VIDEO::

CODE::

import processing.video.*;
Capture cam;

void setup(){
cam = new Capture(this, 640, 480, 20);
size(640, 480);
cam.start();
}

void draw() {
image(cam, 0, 0);
color c = get(width/2,height/2);
fill(c);
noStroke();
rectMode(CENTER);
rect(width/2,100, width,brightness(c));
}

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

__________________________________

Underneath, the same exercise but without the webcam image.

IMAGES:

whiteBack0172 whiteBack0271 whiteBack0428 whiteBack0457 whiteBack0581

VIDEO:

CODE:

import processing.video.*;
Capture cam;

void setup(){
cam = new Capture(this, 640, 480, 20);
size(640, 480);
cam.start();
}

void draw() {
image(cam, 0, 0);
color c = get(width/2,height/2);

background(255);
fill(c);
noStroke();
rectMode(CENTER);
rect(width/2,100, width,brightness(c));
}

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

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