Interaktives Plakat László Moholy-Nagy (Martin Stelter und Luise Fiedler)

interaktives.plakat
László Moholy-Nagy, Selbstportrait László Moholy-Nagy

Moodboard

1. Mit Licht malen

Video-Dokumentation

Die Dokumentation

László Moholy-Nagy

1895 geboren in Bacsborsod, Ungarn
1923–28 Bauhaus, Vorkurs & Formmeister d. Metallwerkstatt
1934 Amsterdam
1935 London
1937 Chicago „New Bauhaus“
1946 Tod an Leukämie

László Moholy-Nagy ist uns vorallem durch seine vielseitigen Fotogramme bekannt. Darüber hinaus malte, fotografierte und filmte, baute und konstruierte er. Moholy-Nagys Werke bestechen durch überraschende Blickwinkel und Rhytmen. Mit simplen Gestaltungsparametern erzeugte er Bilder und Skulpturen, welche durch Klarheit fesseln und dennoch nie ganz durchdrungen werden können.

Fotogramme Licht-Raum-Modulator Fotocollage »Ein Lichtspiel« (1930) nichtgegenständlich Grafikdesigner Filmkünstler Fotograf schwarz-weiß-grau Gleichgewicht Licht-Schatten Perspektive Telefonbilder Geometrie Typographie Farbe-Fläche-Raum Muster Raster Überlagerung Verfremdung Interpretation


Moodboard

Wir gestalteten zwei Moodboards. Auf dem ersten wollten wir das Werk Moholy-Nagys als Gesamtstimmung erfassen. Wir stellten das dar, was uns am besten in Erinnerung geblieben war. Das waren Töne von schwarz bis weiß, Muster und Reihen und metallische Gegenstände. Wir achteten bei diesem Moodboard nicht auf eine breite Masse an Eidrücken sondern auf das Wesentliche.
Bei dem zweiten Moodboard wollten wir vorallem die Vielfalt im Werk Moholy-Nagys zeigen. Es sollte uns inspirieren und als großer Notizzettel dienen.

Ideen

1. Mit Licht malen
Moholy-Nagy hat sich viel mit Licht und Lichtwirkung auseinandergesetzt. Bei diesem Konzept soll der Nutzer mit einem Lichtschweif malen können.

2. Interaktives Fotogramm
Was wäre wenn die Menschen intuitiv ihr eigenes Fotogramm erstellen könnten?

1. Mit Licht malen

Als Interaktionswerkzeug dient eine Taschenlampe, in der sich eine Infrarot-Glühbirne befindet. Die Wii, die sich für den Nutzer unsichtbar hinter der Installation befindet, verarbeitet das Infrarotsignal und sendet es via Bluetooth an den Rechner. Dieser deutet das Signal als Maus. Im Processing-Script ist festgelegt, dass der Lichtpunkt immer dort sein soll, wo sich auch die Maus befindet. Das so entstandene Bild wird mit dem Beamer auf der Rückprojektionsfolie abgebildet.

Der Benutzer kann nun scheinbar mit der ­Taschenlampe einen Lichtschweif erzeugen.

2. Interaktives Fotogramm

Der Benutzer steht zwischen Lichtquelle und Fotopapier. Er „schützt“ einen Teil des Fotopapieres vor dem Licht, wodurch diese Stelle unbelichtet, sprich weiß, bleibt. Der Rest des Fotopapieres wird mit der Zeit vom Licht geschwärzt. Nach einer gewissen Dauer beginnt der Vorgang vom Neuem.

/**
* Interactive Photogram (Moholy-Nagy) by Martin Stelter
* based on Frame Differencing by Golan Levin.
*/import processing.video.*;

int myCount = 0;
int myTime = 100; // interval
int numPixels;
int[] previousFrame;
Capture video;
int thresh = 80; //treshold

void setup() {
noCursor();
size(1024, 768);
video = new Capture(this, width, height, 24);
frameRate(24);
numPixels = video.width * video.height;

// Create an array to store the previously captured frame
previousFrame = new int[numPixels];
loadPixels();
background(255);
colorMode(RGB, 255,255,255,500);
}

void draw() {
if (myCount < myTime) {
if (video.available()) {
video.read(); // Read the new frame from the camera
video.loadPixels(); // Make its pixels[] array available
int movementSum = 0; // Amount of movement in the frame
int curPixel = 0;
for(int x = 0; x < video.height; x++){
for(int y = 0; y < video.width; y++){ int i = curPixel; curPixel++; color currColor = video.pixels[i]; color prevColor = previousFrame[i]; // Extract the red, green, and blue components from current pixel int currR = (currColor >> 16) & 0xFF; // Like red(), but faster
int currG = (currColor >> 8 ) & 0xFF;
int currB = currColor & 0xFF;
// Extract red, green, and blue components from previous pixel
int prevR = (prevColor >> 16) & 0xFF;
int prevG = (prevColor >> 8 ) & 0xFF;
int prevB = prevColor & 0xFF;
// Compute the difference of the red, green, and blue values
int diffR = abs(currR – prevR);
int diffG = abs(currG – prevG);
int diffB = abs(currB – prevB);
// Add these differences to the running tally
movementSum += diffR + diffG + diffB;
if((currR > thresh) || (currR < (0 – thresh)) || (currG > thresh) ||
(currG < (0 – thresh)) || (currB > thresh) || (currB < (0 – thresh))){ pixels[i] = color(0, 10); //pixel becomes darker } else { pixels[i] = color(0,0); //pixel stays unchanged } // Save the current color into the ‘previous’ buffer previousFrame[i] = currColor; } } updatePixels(); } // timebar fill(0,200); stroke(255,200); rect(10,height-20, (width-20)*myCount/myTime, 10); noStroke(); } if (myCount >= myTime+2) { // time is up, refresh the screen
println(myCount);
fill(255);
rect(0,0,width,height);
myCount=0;
}

myCount++;

}

Video

In unserem Video könnt ihr die Originalinstallationen anschauen!

Dokumentation

In unserer Dokumentation sind unsere Konzepte noch einmal ausführlicher erklärt. Mit Klick auf das Bild links könnt ihr euch das PDF herunterladen!