Incom ist die Kommunikations-Plattform der Fachhochschule Potsdam

In seiner Funktionalität auf die Lehre in gestalterischen Studiengängen zugeschnitten... Schnittstelle für die moderne Lehre

Incom ist die Kommunikations-Plattform der Fachhochschule Potsdam mehr erfahren

Lineament und Permutation in Processing

Aufgabenteil 1 des Kurses „Programme Entwerfen“: Muster und Prinzipien als Ausgangsthema - Umgesetzt als generierte Lineamente und Permutation.

Thema

Der Kurs 'Programme Entwerfen' befasste sich grundlegend mit dem Erkennen und generieren von Mustern und Prinzipien mit Processing.

In meinem Fall gliedert sich der Kurs in zwei Projekt Teile: Einem ersten, kleineren Projekt um grundsätzlich mit Processing und dem Programmieren in der Umgebung vertraut zu werden und einem Hauptprojekt zum Abschluss des Kurses.

Lineament und Permutation

Das erste Projekt stellt bei mir eine programmierte Umsetzung eines Lineamentes, bzw. einer Permutation da, die ich im Kurs „Punkt, Linie, Fläche“ bei Danijela Djokic angefertigt hatte. In kleineren Übungen erstellte ich hier ein Muster, bzw. kleinere Variationen des Musters nur durch Code.

Ein Lineament ist eine Struktur, in der sich der Aufbau ändert. Eine Permutation eine Wiederholung von Lineamenten in der Fläche in verschiedenen Abstufungen.

Step 1 Hier habe ich erst einmal eine Zeile als Lineament rein durch Code generiert und als einfache Permutation in der Fläche lediglich wiederholt. Rein aus Spaß an total wirren, psychischen Farbspielen entsprechend in dem schnellen Farbwechsel.

Bildschirmfoto 2012-03-02 um 15.51.21.pngBildschirmfoto 2012-03-02 um 15.51.21.png
Bildschirmfoto 2012-03-02 um 15.51.13.pngBildschirmfoto 2012-03-02 um 15.51.13.png
Bildschirmfoto 2012-03-02 um 15.51.28.pngBildschirmfoto 2012-03-02 um 15.51.28.png

Step 2

Hier habe ich eine einfache Mausinteraktion eingebaut. Der Mauszeiger gibt die Startspalte der Permutation an.

Bildschirmfoto 2012-03-02 um 15.57.31.pngBildschirmfoto 2012-03-02 um 15.57.31.png

Step 3

Hier lässt sich die Permutation quasi entgegengesetzt aus dem Fenster schieben und an der anderen Seite wieder erscheinen.

Bildschirmfoto 2012-03-02 um 15.59.35.pngBildschirmfoto 2012-03-02 um 15.59.35.png

Final Step

Hier habe ich die ursprünglich angedachte diagonale Permutation umgesetzt, das heisst, mit jeder neuen Zeile, soll das Lineament um eins nach rechts verschoben werden, davor entsprechend logisch aufgefüllt werden damit sich das passende Muster ergibt.

Durch die Mausposition, bzw. die Entfernung zur oberen linken Ecke lässt sich die Mustergröße variieren.

Bildschirmfoto 2012-03-02 um 16.04.37.pngBildschirmfoto 2012-03-02 um 16.04.37.png

Bildschirmfoto 2012-03-02 um 16.04.42.pngBildschirmfoto 2012-03-02 um 16.04.42.png

Bildschirmfoto 2012-03-02 um 16.04.46.pngBildschirmfoto 2012-03-02 um 16.04.46.png

Bildschirmfoto 2012-03-02 um 16.04.51.pngBildschirmfoto 2012-03-02 um 16.04.51.png

Ein Projekt von

Fachgruppe

Interfacedesign

Art des Projekts

Studienarbeit im ersten Studienabschnitt

Betreuung

foto: JW

Entstehungszeitraum

WiSe 11 / 12 – SoSe 12