+ All Categories
Home > Documents > Interaction-Design Documentation

Interaction-Design Documentation

Date post: 06-Mar-2016
Category:
Upload: felix-hoegner
View: 258 times
Download: 0 times
Share this document with a friend
Description:
a documentation of interaction-design project created by georg hübler and felix högner both students at the department of design in dessau/germany
Popular Tags:
16
Interaktives Plakat Oskar Schlemmer Generatives Gestalten am Bauhaus Interface Design, Orientierungsmodul, Vertr. Prof. Steffi Hußlein
Transcript
Page 1: Interaction-Design Documentation

Interaktives Plakat

Oskar Schlemmer

Generatives Gestalten am BauhausInterface Design, Orientierungsmodul, Vertr. Prof. Steffi Hußlein

Page 2: Interaction-Design Documentation
Page 3: Interaction-Design Documentation
Page 4: Interaction-Design Documentation

Seite 4

Thema

Szene aus dem triadischen Ballett

Oskar Schlemmers Schaffen und gestalterisches Dasein war sehr umfangreich und extrem

komplex. Er war Maler, Plastiker, Wandgestalter, Balletschöpfer, Bühnenbildner und Lehrer.

In diesem zusammenhang wollen wir ihn als komplexen Universalkünstler beschreiben.

Er war bestrebt alle Künste wieder zu vereinen, was durch das Stre-

ben nach Synthese, Totalität und Universalität gekennzeichnet war.

Vor allem in der Malerei und der Bühnenbildnerei (wie Ballettschöpfung) arbeitete er

sehr oft mit einer den geometrischen Grundfiguren zugrundeliegenden Abstraktion.

Aus Bildern wie „Bauhaustreppe“ oder der Ballettschöpfung „Das Triadische Ballett“ lässt sich

erkennen, dass er großen Wert auf die Verbindung und Sympiose vom Raum und den sich da-

rin Befindlichen Figur legt (Beziehung zwischen Figur und Raum). Es kommt zu immer kom-

plexeren und harmonischeren Gestaltungen und zur Schaffung einer neuen „Raumenergie“.

„Was Schlemmer vorschwebte und was seine Gestalterfindungen auszeichnete, war die Syn-

these von Formerneuerung und Ideentiefe, von formelhafter Mathematik und missionarischer

Metaphysik.“

zu Tage, dass Wahnsinn hier Methode hat!

Page 5: Interaction-Design Documentation

Recherche

Figurinen aus dem triadischen Ballett

Der

Kre

is is

t ro

t!

Seite 5

zu Tage, dass Wahnsinn hier Methode hat!

Wir sind im Besitz der Mittel, aber ohne Idee!

Es

liegt

kla

r

Page 6: Interaction-Design Documentation

Moodboard

Seite 6

Page 7: Interaction-Design Documentation

Seite 7

Page 8: Interaction-Design Documentation

Seite 8

Konzept

Eine der bekanntesten künstlerischen Arbeiten Oskar Schlemmer´s war das

Triadische Ballett. Dabei kreierte er komplexe Figur-Raum-Beziehungen, welche

durch skurrile und abstrakte Kostüme von drei Tänzern in geometrisch konzepier-

ten Räumen tänzerisch dargestellt wurden. Links findet Ihr einen Link zu einem

Video, welches Originalaufnahmen aus dem Jahre 1927 zeigt. Ab Minute 1:07 wird

es für dieses Projekt interessant, da dort die Originalszene zu unserem Projekt zu

sehen ist.

Unser Ziel war es, eine Szene dieses Triadischen Balletts in Processing umzuset-

zen. Die Interaktion erfolgt hierbei über das Tracken des Gesichtes des Betrach-

ters. Je nach Winkel und Entfernung zur Projektionsfläche/Webcam neigt und

dreht sich die Bühne. Dem Betrachter wird es dadurch möglich, den Raum aus

verschiedenen Blickwinkeln zu beobachten.

Der Raum in dieser Szene wird allein durch den Verlauf verschiedener Zitat von

Oskar Schlemmer gebildet. Dies ist eine weitere Besonderheit unseres Projektes.

Page 9: Interaction-Design Documentation

Seite 9

Page 10: Interaction-Design Documentation

Processingentwürfe

Diesem Projekt liegt ein Code von dem Pro-cessingentwickler Daniel Shiffman zu Grunde. Das Originalbild von Oskar Schlemmer, „Die Bauhaustreppe“, wird dabei durch Separati-on von Tonwerten in einzelne Pixelgruppen zerlegt. Durch die vertikale Bewegung der Maus werden die Abstände dieser Gruppen untereinander verändert und durch die hori-zontale Bewegung wird der Blickwinkel auf die entstandene „Explosion“ gesteuert.

Die explodierende Bauhaustreppe

Seite 10

Page 11: Interaction-Design Documentation

Facetracking im dreidimensionalen Raum

In dieser Studie ging es um die Erforschung der Möglichkeiten, die die OpenGL-engine von Processing bietet in Verbindung mit der ‚OpenCV-Library‘, die ursprünglich von Intel entwickelt wurde und nun unter einer BSD-Lizenz zur Verfügung steht. Diese ermöglicht in erster Linie Echtzeit-Bildberechnung und verfügt auch, was für uns interessant war, über Facetracking. Bei der mitgelieferten Vorlage wird ein Quadrat um das erkannte Gesicht gezeichnet. Wir nutzten dessen Grö-ße und Koordinaten um die Position im Raum zu bestimmen und die Kamera zu bewegen.

Seite 11

Page 12: Interaction-Design Documentation

Videoprototyp

Seite 12

Page 13: Interaction-Design Documentation

Seite 13

Page 14: Interaction-Design Documentation

Aufgaben

Videoclip generiert aus 6 Einzelbildern

Übung mit Text und einem Zitat in Processing

Linienübung in Processing

Seite 14

Page 15: Interaction-Design Documentation

Seite 15

Technische Umsetzung

aktiver Bereich

Rückprojektionsfläche

Processingscript mit Facetracking-library

gespiegeltes Beamerbild

Webcam für Facetracking

Page 16: Interaction-Design Documentation

Alle Codes und Beispiele unter:

http://ifdblog.org/ba-om2010/

Felix Högner // Georg HüblerOrientierungsmodul Interfacedesign // WS 09/10

Prof. Steffi HussleinHochschule Anhalt // Department of Design


Recommended