U0203 Position mehrerer Punkte

Positionieren Sie mehrere Punkt so, dass folgende Anmutungen entstehen (die Größe des Punktes bleibt gleich):

• leicht
• schwer
• schwebend
• lastend
• froh
• traurig
• bewegt
• statisch
• unruhig
• ruhig
• nah
• fern

Dokumentieren sie ihr Ergebnis in MKDocs.

Reflexion:

Die Punkte befinden sich in Reihenfolge von links nach rechts und oben nach unten georden in die Anmutungen von leicht bis fern.

Ich mag die Grundfläche nicht. Die nebeneinander liegenden Punktmuster lenken mich vom einzelnen Muster ab. Das trit dabei in den Hintergrund und hindert mich dabei, die einzelne Punktanordnung unter Gesichtspunkt der Anmutungen wirken zu lassen.

Die Anmutungen darzustellen, viel mir bedeutend leichter, als bei der Aufgabe der einzelnen Punkte. Aus dem Bauchgefühl heraus würde ich sagen, dass diese Anmutungen menschliche und damit immer gesellschaftlich eingebettet, also relational sind. Diese Relationen sind mit einzelmomenten im Raum schwierig darzustellen.

Einen ähnlichen Ansatz habe ich auch bei der Darstellung in den Bildern 7, 8, 11 und 12 verfolgt. Ziel war, die Anmutung als Gefühl des einzelnen Punktes in einer Gruppensituation zu zeigen. Besonders gut gelungen finde ich das in den Bilder statisch und ruhig. Der einzelne Punkt in der Betrachtung der Bewegungslosigkeit der anderen 4. Die Stasis der 4 ausgedrückt durch ihre Gedrungenheit zueinander, besonders im Kontrast zur Dynamik der 4 Punkte links daneben. Das Bild der Ruhe hat für mich eine Aufgehobenheit und Behütetheit in der Gruppe, der Einzelne abgeschirmt vom Weißraum außen herum.

Die Bilder 1-6 und 9 versuchen die Anmutung als Zustand der Zerrissenheit im Einzelnen zu greifen. Ich habe versucht die Punktesammlung als ein Ganzes zu betrachten. Den Kontrast zu froh und traurig habe ich über die Abstände der Punkte untereinander, als Zustand der Anspannung dargestellt, mit der man unter solchen Gemütszuständen auf die Außenwelt trifft. Ganz klein und in sich gekehrt und verkrampft in der Trauer, leicht, locker, die ganze Welt umarmend in der Freude.

Die Unruhe ist mir eher in eine Paranoia abgerutscht. Das Ich, das in der Ecke kauert und seinem kleinsten Teil einen Schild baut, vor der Welt. Das trifft die existenziale Unruhe. Die aufgeregt - vorfreudige wird damit aber nicht abgedeckt. Allgemein war ich überrascht, wie existenzial diese Darstellungen geworden sind. Für ein klarer differenzierteres Bild, hätte ich vermutlich Assoziationsstudien zu den einzelnen Begriffen anfertigen und eine klare und durchgängige Übersetzung wählen müssen.

Diese Übung ist eine derer dieses Portfolios, die ich gerne einige Wochen mehrfach machen würde, und nicht schnell abarbeiten. Ich habe das Gefühl, dass sie in einem ersten Schritt viel über den eigenen Bezug zu ästhetischen Übersetzungen von Stimmungen und in einem zweiten ein Anwendungswissen über die Verallgemeinerbarkeit und die Stereotype in der graphischen Darstellung von Stimmungen lehren kann.

Code:

// --- Einstellungen ---

int cols = 3;

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);

  }

}