Willkommen auf unserem Seminar-Blog

Immer auf dem aktuellen Stand bleiben

Dieser Seminar-Blog befindet sich noch im Aufbau und wird in den kommenden Tagen entsprechend verfeinert.

Member Login

Lost your password?

Registration is closed

Sorry, you are not allowed to register by yourself on this site!

You must either be invited by one of our team member or request an invitation by email at viad.info {at} zhdk {dot} ch.

Eigenen Foto-Filter erstellen

Februar 27, 2012

Zu Beginn waren kurze Übungen vorgesehen, welche uns helfen sollten, uns wieder ein wenig an Processing erinnern sollten. Diese werde ich nicht Aufzeigen, da diese bei jedem ähnlich sind. Als erste grössere Aufgabe mussten wir einen eigene Foto-Filter erstellen. Als Inspiration half mir der Stempelfilter aus dem Photoshop. Ich wollte etwas ähnliches programmieren mit verschiedenen Farben. Mittels der Mausbewegung kann man den Kontrast verändern und mit einem Klick das Bild "freezen" um das Bild zu speichern.

PImage bild;

color col_orig;
color black = color(0,0,0);

float limit1 = random(150,200);
float limit2 = random(200,255);

int mouse_active = 1;

int bild_width = 850;
int bild_height = 850;

int dimension = bild_width * bild_height;

color randomcol01 = color(random(255),random(255),random(255));
color randomcol02 = color(random(255),random(255),random(255));


void setup() {

 size(850,850);

 bild = loadImage("bild.jpg");
 image (bild,0,0);

}

void draw ()
{
 loadPixels();
 bild.loadPixels();

 limit1 = mouseX*255/bild_width;
 limit2 = limit1 + (255-limit1)*mouseY/bild_height;

if ( mouse_active == 1 )
 {
 for (int i=0; i < dimension; i+=1)
 {
 col_orig = bild.pixels[i];

 if ( brightness(col_orig) < limit1 )
 {
 pixels[i] = black;
 }

 if ( brightness(col_orig) > limit1 &
 brightness(col_orig) < limit2 )
 {
 pixels[i] = randomcol01;
 }

 if ( brightness(col_orig) > limit2 )
 {
 pixels[i] = randomcol02;
 }
 }

 updatePixels();
 }
}


void mouseClicked()
{
 if ( mouse_active == 1 )
 { mouse_active = 0; }
 else
 { mouse_active = 1; }
}