Mosaique

Einleitung

Mosaique ist ein periodisches Muster, erstellt aus Trapezen als Grundform. Mithilfe von Dreiecken und Parallelogrammen als Lückenfüllern, wird eine Art Mosaiquemuster erstellt. Dieses ist ansteuerbar und es können Farbenänderungen, Spiegelungen und Verschiebungen durch den Nutzer durchgeführt werden.

Ausgangslage

Ich habe das Trapez als Ausgangsform gewählt. Es ist eine faszinierende Form, die je nach Dimensionen verschieden wirken kann. In meinem fall ist das Trapez aufgebaut aus drei gleichseitigen Dreiecken.

Ablauf

Als erstes sollten wir nur durch verschieben eines zweiten Trapezes ein Ausgangsmodul für ein späteres Muster entwickeln.

Im zweiten Schritt durfte das zweite Trapez, zuzüglich zum Verschieben, auch gedreht werden. Aus dieser Kategorie stammt auch das Modul, aus welchem ich das Muster aufgebaut habe.

Als dritten und letzten Schritt in diesem Projektabschnitt, durfte das zweite Trapez nun verschoben, gedreht und skaliert werden.

Verlauf

Begonnen hat es mit der Auswahl von dem Modul 6 als Ausgangsform für die Reihen und später das Muster.

Ausgehend davon, habe ich drei verschiedene Reihen erstellt:

Aus diesen Reihen entstand eine Reihe mit Modulen aus allen drei Reihen:

Durch drehen, spiegeln und verschieben dieser Reihe entstand dann mein Muster:

Um mein Muster noch weiter zu führen, habe ich diesen Teil als “Segment” angesehen und habe aus vier solcher Segmente das finale Muster erstellt.

Nach Feedback habe ich daran gearbeitet das Muster modular aufzubauen und einzelne Reihen zu verschieben. Weiterhin sollte ich die Lücken im Muster durch geometrische Formen schließen, demenetsprechend wurden Paralellogramme und Dreiecke verwendet.

Patterns aus Reihen-Varianten

Stripe-Pattern

Das Stripe-Pattern ist aus der Reihe 1 entstanden.
Es besteht aus der Abwechslung zwischen dem Modul 6 und den Dreiecken.
Mit den Range-Slidern können die Farben des Patterns durch Änderung von Hue, Saturation und Luminance beeinflusst werden.

ZicZac-Pattern

Das ZicZac-Pattern ist aus der Reihe 2 entstanden.
Es besteht aus der Abwechslung zwischen dem Modul 6, Parallelogramen und einem um 180 Grad gedrehten Modul.
Mit den Range-Slidern können die Farben des Patterns durch Änderung von Hue, Saturation und Luminance beeinflusst werden.

Braid-Pattern

Das Braid-Pattern ist aus der Reihe 3 entstanden.
Es besteht aus der Abwechslung zwischen dem Modul 6 und einem um 180 Grad gedrehten Modul.
Mit den Range-Slidern können die Farben des Patterns durch Änderung von Hue, Saturation und Luminance beeinflusst werden.

Trapez-Pattern-Varianten

Das Mosaique-Pattern verfügt über eine ein- und ausschaltbare Modulo-Logik, welche die Farbe des jeweils oberen Objekts der selben Klasse (Trapez, Dreieck oder Paralellogramm) im Vergleich zum unteren Objekt invertiert. Ausnahme sind um 180 Grad gedrehte Module. Dort ist das visuell untere, aber technisch obere Objekt invertiert.

Trapez-Pattern-A (Farben)

In diesem Teil des Mosaique-Patterns können nur Farben mit Hilfen von Range-Slidern oder eine Farbpalette mit einer hellen und einer dunklen Version der Farbpalette eingestellt werden.

Trapez-Pattern-B (Verschiebungen)

In diesem Teil des Mosaique-Patterns können nur Verschiebungen der Segmente und Reihen vorgenommen werden.
Besonders ist, dass bei diesem Teil des Patterns nur vier Segmente zu sehen sind.
Das Ziel ist es, dem Nutzer die Zusammensetzung des Patterns zu zeigen und ihm Verschiebungen des Patterns mit besserer Übersicht zu ermöglichen.
Die Slider haben einen Snap bei den Werten -100, -50, 0, 50 und 100

Trapez-Pattern-C (Spiegelungen)

In diesem Teil des Mosaique-Patterns können nur Spiegelungen der Reihen vorgenommen werden, da diese ein essenzieller Teil sind, wie die Segmente funktionieren.

Trapez-Pattern-D (Master)

In diesem Teil des Mosaique-Patterns können alle Einstellungen der oberen drei Patternteile vorgenommen werden. Es handelt sich hierbei also um eine Art “Master-Pattern”.
Die Slider haben einen Snap bei den Werten -100, -50, 0, 50 und 100