Skip to content

U0205 Gegensatzpaare – Leicht und Schwer

Visualisieren Sie in zwei nebeneinander liegenden Quadraten jeweils die Eigenschaften leicht und schwer. Ordnen Sie dazu verschiedene Punktetypen an. Es geht darum, eine aufbauende Systematik zu entwickeln, so dass mehrere Gegensatzpaare entstehen. Nutzen Sie eine 4x3 Matrix für insgesamt 12 Varianten des Gegensatzpaares.

Woraus besteht Ihre finale Systematik? Welches Gegensatzpaar gefällt Ihnen am besten/schlechtesten? Dokumentieren sie ihr Ergebnis in MKDocs.

Punkte

Reflexion:

Diese Übung ist die erste, in der ich einen Sinn hinter der Arbeit, die ich in die Generierung einer Matrix gesteckt habe, sehe. Ich habe, was vermutlich prägend für dieses Portfolio sein wird, die Aufgabe nicht genau genug gelesen, bzw. bin zu schnell an die Umsetzung gegangen. Ich habe statt die Punkte leicht - schwer anzuordnen schwer - leicht geordnet. Leider hatte ich keine Möglichkeit die Punkte zu verschieben und bin erst gegen Ende auf meinen Fehler gekommen. Mit den frühen Punkten war ich allerdings sehr zufrieden, also habe ich einfach weiter gemacht.

Meine Systematik war:

  • Punktgröße
  • Abstand zur Grundlinie (wie in den Einzelpunktübungen schon versucht)
  • Dichte der Gruppierung
  • Ausfüllen der Grundfläche
  • Anzahl bei gleichbleibender Fläche (gleichbleiben nicht so gut gelungen)
  • Machtansatz? (visuell mächtiger, großer Einzelpunkt im Kontrast zu vielen schwachen kleinen / einzelner kleinerer Punkt zu einer Überzahl und leicht größeren Vielen)

Ich habe den 'schweren' Punkt so übermäßig groß gewählt, um das Auge auf ihn zu lenken. Ich hatte das Gefühl bei ihm eher hängen zu bleiben, als bei der Vielzahl, und sein Charaktaristikum im Kontrast zu den anderen ist Thema der Kachel. Im leichten Bild habe ich den kleineren Punkt räumlich separiert und der flächig wirkenden Mehrzahl gegenüber gestellt. Zumindes mein Auge wandert zunächst zur homogenen, und damit uninteressanten Masse. Erst danach überspring es die Separierung zum kleinen, etwas verloren wirkenden Punkt, ihnen gegenüber. Ich hatte geplant, die Einzelheit in Größe und Separierung als Herausstellungsmerkmal einzusetzen, um die Bedeutung der Kachel daran zu knüpfen. Ich bin um ehrlich zu sein überrascht, wie gut das funktioniert hat. Damit bin ich richtig zufrieden. Die Erfahrung aus dem 3. Paar hat geholfen, die Vielzahl im schwer des letzen Paares zu schwächen. Als starker (enger) Block kleinerer Punkte, wäre die Konfrontation mit dem Großen widerspänstiger und angesichts der Übermacht der Größe, verzweifelter gewesen. So bleibt die schwere des großen Punktes vor den vielen kleinen prinzipiell neutral.

Code:



// --- Einstellungen ---

int cols = 4;

int rows =3;

int mousefactor = 2;

float padding = 10;

float pointSize = 10;




float cellSize;

float startX, startY;



ArrayList<Dot> dots;



void setup() {

  size(1000, 700);

  dots = new ArrayList<Dot>();



  // Quadratgröße richtet sich nach Höhe

  cellSize = (height - padding * (rows + 1)) / rows;

  float totalWidth = cols * cellSize + (cols + 1) * padding;

  startX = (width - totalWidth) / 2 + padding;

  startY = padding;

}



void draw() {

  background(200); // Hintergrund leicht grau für Kontrast



  // Raster zeichnen

  for (int i = 0; i < cols; i++) {

    for (int j = 0; j < rows; j++) {

      float x = startX + i * (cellSize + padding);

      float y = startY + j * (cellSize + padding);

      fill(255);

      stroke(0);

      rect(x, y, cellSize, cellSize);

    }

  }



  // Punkte zeichnen

  for (Dot d : dots) {

    d.display();

  }



  // Punktgröße anzeigen

  fill(0);

  text("Punktgröße: " + pointSize, 10, height - 10);

}



void mousePressed() {

  // Punkt an Klickposition hinzufügen

  dots.add(new Dot(mouseX, mouseY, pointSize));
 // mousefactor ++; // Schnipsel für U0209 (vergrößert Punkt nach jedem Klick)
 // pointSize = pointSize + 0.75 * mousefactor;
}



void keyPressed() {

  if (key == '+' || key == '=') {

    pointSize += 10;

    if (pointSize > 1000) pointSize = 1000;

  }

  if (key == '\t') { // Lifeimprovement -> löscht alle Punkte nach TAB
   dots.clear();
   //mousefactor = 2; // Schnipsel für U0209
   //pointSize = 10; // Schnipsel für U0209
  }
  if (key == 'z') { // Lifeimprovement -> löscht letzten Punkt nach z
    if (dots.size() - 1 >= 0) {
     dots.remove(dots.size() - 1);
    }
  }

  if (key == '-' || key == '_') { // Punktgröße

    pointSize -= 10;

    if (pointSize < 2) pointSize = 2;

  }

}



// Punktklasse

class Dot {

  PVector pos;

  float size;



  Dot(float x, float y, float s) {

    pos = new PVector(x, y);

    size = s;

  }



  void display() {

    fill(0);

    noStroke();

    circle(pos.x, pos.y,  size);

  }

}