Gestaltungsportfolio Generative Gestaltung von Joelina Haseloh ws2021/22

Meine Version vom Prisma

mit Musicmode

Die Grundlage zu diesem Sketch bildete eine Übungsaufgabe, in der wir Punkte in einem Kreis angeordnet haben. Danach hatte ich die Punkte entsprechend des Farbkreises gefärbt. Zudem kam Bewegung mit hinein. Das alles erinnerte mich sehr an ein Prisma.

An einem "Hackday" haben wir dann die Möglichkeit aufgezeigt bekommen mit Musik zu arbeiten. Es folgte ein Dreieck im Zentrum, welches später auch rotieren sollte.
Die Kombination aus Musik und Prisma ließ nur eine mögliche Schlussfolgerung für mich zu: Das Albumcover von "The Dark Side of the Moon" der ikonischen Band Pink Floyd.
Demnach ist es auch nur logisch, dass eines der auszuwählenden Lieder im Sketch "Money" aus dem o.g. Album ist.

Ich habe es als Hauptmotiv gewählt, weil ich anhand dieses Sketches am meisten gelernt habe. Zudem hat der Sketch im Musicmode etwas Hypnotisierendes an sich. Desweiteren wird hier mit einem Form- und Farbkontrast gespielt. Zum einen der Farbkontrast des Farbringes zu dem monochromen Hintergrund mit dem Dreieck, zum anderen der Formkontrast zwischen Dreieck und Kreisform.
Das lässt die beiden Objekte sehr unabhängig voneinander erscheinen, doch das Interessante an dem Formkontrast ist der Kreis, der in der Mitte entsteht, sobald das gleichseitige Dreieck um den eigenen Mittelpunkt rotiert. Es entstehen zudem je nach Rotationsgeschwindigkeit optisch Illusionen einer bestimmten Drehrichtung oder verschieden gezackter Sterne.
Um die Wirkung der Rotationsgeschwindigkeit auf eine physikalische Art und Weise, in Form der Zentripetalkraft, wirken zu lassen und so einen weiteren Zusammenhang zwischen den beiden Formen zu erstellen, wird die maximale Ausdehnung des Farbringes mit zunehmender Rotationsgeschwindigkeit gedämpft.

Parameter

  • Presets:
    Es gibt neun verschiedene Presets. Ein Starter Set und acht verschieden gezackte Stern Illusionen.
  • Amount:
    Bestimmt die Anzahl der Punkte im Farbring.
    Wertebereich: 1 - 150
    Bei einem Punkt wird dieser in der Mitte zentriert und bewegt sich nicht.
  • Alpha:
    Bestimmt den Hintergrundalpha, bzw. die Transparenz des Hintergrundes.
    Wertebereich: 0 - 100
    0 ist komplett transparent.
  • Size:
    Bestimmt die Größe der Punkte.
    Wertebereich: 0 - 100
    Bei 0 sind keine Punkte sichtbar.
  • Agent Speed:
    Die Bewegung des Farbkreises ist an einen nicht sichtbaren "Agenten" gebunden.
    So kann die Geschwindigkeit der Bewegung des Farbringes eingestellt werden.
    Wertebereich: 0 - 50
    Bei 0 bleibt der Farbring an einer Position.
  • Triangle Size:
    Bestimmt die Größe des gleichseitigen Dreiecks.
    Wertebereich: 0.00 - 1.00
    Bei 0 ist lediglich ein kleiner Punkt in der Mitte sichtbar.
    Bei 1 ist die gesamte Höhe der Zeichenfläche ausgenutzt.
  • Triangle Speed:
    Bestimmt die Rotationsgeschwindigkeit des gleichseitigen Dreicks.
    Wertebereich: 0 - 100
    Bei 0 bleibt das Dreieck auf einer Position.
    Je höher dieser Parameter, desto mehr wird die Ausdehnung des Farbrings gedämpft.
    Kann mit den Tasten "1" und "2" ebenfalls verändert werden.
  • Random Triangle Speed:
    Nur aktiv, wenn das Kästchen "RandomTriangleSpeed" gesetzt ist!
    Zeigt die zufällig vom Programm erzeugte Rotationsgeschwindigkeit des gleichseitigen Dreiecks.
    Wertebereich: 0 - 100
    Wird in einem Intervall von 10 Sekunden aktualisiert.
  • Choose Song:
    Hier kann man zwischen den Songs "Money" von Pink Floyd und "Prisma" von den Evokings wählen.
  • Audioplaying:
    Hiermit wird in den Musikmodus gewechselt.
    Alternativ kann man die Taste "Q" betätigen.
    Mit dem Musikmodus wird auch gleichzeitig "RandomTriangleSpeed" gesetzt bzw. aufgehoben.
  • Amplitude:
    Nur im Musikmodus!
    Bestimmt wie sehr die Musik die Bewegung des Farbrings beeinflusst.
    Wertebereich: 100 - 500
  • MaxRadius:
    Nur im Musikmodus!
    Bestimmt den maximalen Radius, die der Farbring erreichen kann.
    Wertebereich: 150 - 500

Sketch zeigen

Punkt, Linie oder Rechteck?

Die Antwort lautet "ja"


In diesem Sketch zeige ich die Vielfalt einer simplen Form auf:
Eine dicke, aber kurze Linie mit abgerunden Enden z.B. erzeugt optisch einen Punkt.
Ohne die abgerundeten Enden schaut es aber aus wie ein Quadrat.
Ganz viele kurze, vertikale Linien, die direkt aneinander liegen erzeugen die Illusion einer horizontalen Linie.

Ich habe diesen Sketch bewusst schlicht gehalten, um den Fokus ganz auf die Linien zu richten.

Parameter

  • Presets:
    Es gibt vier verschiedene Presets:
    1. Dots
      Es entsteht die Illusion von Punkten.
    2. Big Square
      Es entsteht die Illusion eines großen Rechteckes im Zentrum.
    3. Big Lines
      Lange, breite Linien mit abgerundeten Enden
    4. One Horizontal Line
      Es entsteht die Illusion einer breiten horizontalen Linie
  • Amount:
    Bestimmt die Anzahl der vertikalen Linien.
    Wertebereich: 1 - 100
    Das Gesamtkonstrukt wird immer automatisch zentriert.
  • Line Width:
    Bestimmt die Breite der vertikalen Linien.
    Wertebereich: 1 - 100
  • Line Length:
    Bestimmt die Länge der vertikalen Linien.
    Wertebereich: 1 - 100
  • Distance:
    Bestimmt den Abstand zwischen den vertikalen Linien.
    Wertebereich: 1 - 100
  • Shift
    Hiermit kann das Gesamtkonstrukt in horizontaler Richtung verschoben werden.
    Wertebereich: -500 - 500
  • Round:
    Ist das Kästchen gesetzt, werden die Enden der Linien abgerundet.

Sketch zeigen

Farbe

Flow Field

Farbe ist vielfältig und aus Farben werden ganze Bilder geschaffen. Also lasse ich sie Bilder erschaffen.

Grundlage hierfür bildete eine Übungsaufgabe zum Thema Punkte im Raster. Im Prinzip handelt es sich hier um Punkte im Raster, von denen Vektoren außgehen und eine zufällige Bewegungsrichtung mit Hilfe der Perlin-Noise Funktion berechnet wird. So entstehen Linien. Einzelne Linien werden oftmals zu einer fortlaufenden Linie zusammengefasst und es entstehen Bilder, deren Muster an naturbelassene Texturen erinnern, wie z.B. Holz oder Anemonen.
Es soll das Themengebiet "Farbe" ansprechen und konzentriert sich deshalb vorallem auf die Wirkung verschiedener Farben auf weißen un schwarzen Hintergrund. Zudem ist der komplimäntere Farbverlauf, der ausgewählt und eingestellt werden kann, hervorzuheben.

Jeder Durchlauf des Programmes erzeugt ein einzigartiges Bild, dessen Farbgebung mithilfe der Parameter beeinflusst werden kann.

Parameter

  • Size:
    Bestimmt die Größe der Punkte.
    Wertebereich: 1 - 20
  • Amount:
    Bestimmt die Anzahl der Punkte in Länge und Höhe des Rasters.
    Das Raster wird dabei immer automatisch zentriert.
    Wertebereich: 1 - 100
  • Background Alpha:
    Bestimmt den Hintergrundalpha, bzw. die Transparenz des Hintergrundes.
    Wertebereich: 0 - 255 (Da RGB Farbmodus)
    0 ist komplett transparent.
  • Direction Randomness:
    Beinflusst, wie stark sich die Bewegungsrichtung der Punkte ändert.
    Wertebereich: -25 - 25
    Bei 0 entstehen horizontale Linien.
  • Magic 3D:
    Beinflusst, wie stark sich die Bewegungsrichtung der Punkte ändert.
    Ist dieses Kästchen gesetzt, so wirkt "Direction Randomness" nicht mehr, sondern eine programminterne zufällig erzeugte Variable.
    Wertebereich: -10 - 10
    Wird in einem Intervall von 7 Sekunden aktualisiert und sorgt zusammen mit einem niedrigen "Background Alpha" für einen 3D Effekt.
  • Color Mode:
    Es gibt sechs verschiedene Farbmodi:
    1. White
      Weiße Linien, auf schwarzem Hintergrund
      "White Background" wird automatisch gesetzt!
      Das Setzen von "White Background" ist nicht möglich.
    2. Black
      Schwarze Linien, auf weißem Hintergrund
      "White Background" wird automatisch gesetzt!
      Das Rücksetzen von "White Background" ist nicht möglich.
    3. Mono Color
      Färbt die Linien gemäß der Werte die bei den Parametern R, G und B eingestellt sind
    4. Complementary Fade
      Das Programm berechnet eine komplämentär Farbe basierend auf der Farbe, die durch die R, G, B Parameter eingestellt ist
      5. und erzeugt eine Überblendung zwischen diesen beiden Farben.
    5. Random Color Fade
      Das Programm generiert zufällig zwei Farben und erzeugt eine Überblendung zwischen diesen beiden Farben.
    6. Rainbow
      Färbt die Linien gemäß des RGB Farbkreises.
  • R:
    Bestimmt den Rotanteil der Farbe im Mono Color oder Complementary Fade Modus.
    Wertebereich: 0 - 255
  • G:
    Bestimmt den Grünanteil der Farbe im Mono Color oder Complementary Fade Modus.
    Wertebereich: 0 - 255
  • B:
    Bestimmt den Blauanteil der Farbe im Mono Color oder Complementary Fade Modus.
    Wertebereich: 0 - 255
  • Circle Shape:
    Ist dieses Kästchen gesetzt ist nur noch ein kreisrunder Ausschnitt der Zeichenfläche sichtbar.
  • White Background:
    Ist dieses Kästchen gestzt, ist der Hintergrund weiß.
    Ansonsten ist er schwarz.
    Auswahl nicht im White oder Black Farbmodus möglich!

Sketch zeigen