Digital Bauhaus Vorkurs/Projekte/Form und Raum

• Übergang vom Dreieck zum Kreis -> Formumwandlung
• Wechselwirkung zwischen den Formen -> Kompositionen

Segmentierter Kreis

Formumwandlung

Code1

• im Kreis werden die umgebenden Punkte, die für die Form gebraucht werden, mathematisch berechnet
• so entstehen an die Form angepasste Segmente

Gedrehte Formen

Code2

• durch Änderung der Gradzahl entsteht diese Drehung
• Vorsicht! die for-Schleife ist im draw() - mein Computer nimmt mir das ziemlich übel, wenn er immerwieder 360mal ne Schleife durchlaufen muss^^

Kompositionen

Schachbrett

Code3

• durch die Funktion mit veränderbaren Parametern konnte ich die Formen duplizieren (for-Schleife)
• alle besitzen die gleiche Segmentzahl

Bauhaus Formen

Code4

• die Formen besitzen nun von Anfang an unterschiedliche Segmentzahlen
• sie bekommen die typischen Bauhaus-Farben
• nun wollte ich sie bewegen können: die X- und Y-Position hängt von der Position der Maus ab (was aber nicht besonders frei und generativ ist)

Objektorientierte Programmierung

Gestaltungsprogramm 1

Code5

• Wenn ihr keine Kopfschmerzen bekommen wollt, solltet ihr nicht zu sehr in diesen übergroßen (copy-and-paste) Code einsteigen
• das Programm ist objektorientiert (das sollte es eigentlich übersichtlicher machen)
• es ist ein interaktives Gestaltungsprogramm (was aber um generativ zu sein zu sehr lenkbar ist)
• die Formen können einzeln verändert werden: Nur wenn die Maus über dem Objekt ist, wird dieses verändert; man kann Segmentzahl, Farbe und per Drag-and-Drop die Position des Objekts verändern

Gestaltungsprogramm 2

Code6

• besser objektorientiert, aber mehr schreibarbeit
• sollte eigentlich durch ein array zu lösen sein

Gestaltungsprogramm 3

Code7

• danke für die Hilfe, nun ist der Fehler ausgemerzt
• Probleme gab es bei der drag-and-drop Funktion: ich konnte die Übergabe der Werte von mouseX und mouseY nicht in eine For-Schleife setzen, da sich dann alle Objekte mit den gleichen Werten bewegten, also war nur ein Objekt sichtbar
• noch eine Erkenntnis, die ich daraus gewonnen habe, war, dass die Werte der Objekte veränderbar waren, obwohl sie nicht sichtbar, also auch nicht gezeichnet wurden

Generatives Gestaltungsprogramm

Zufällige Kompositionen

Code8

• per Entertaste werden die Werte zufällig gesetzt - ist nur die Frage welche Veränderungen die besten Ergebnisse liefern?
• die Segmentzahl ist jetzt ein Integer, da beim random ungleichmäßige Formen entstanden sind

Springende Formen

Code9

• die Position aller Objekte verändert sich mit der Mausbewegung (ganz schön irritierend), habe den mouseOver hinzugefügt, damit man die Objekte besser "einfangen" kann
• seltsamerweise stehen alle Objekte außer das gewählte beim drag-and-drop still - wie geht das?

Veränderbare Kompositionen

Code10

• Nun ein paar Korrekturen: Drag-and-Drop ist in einer for-Schleife mit break vereinfacht (die Objekte wechseln nun nicht mehr springend, wenn sie übereinander gezogen werden - außer das Objekt steht über dem anderen), die key-Abfrage ist vereinfacht (keine 0-Taste mehr)
• im random habe ich noch einen switch case eingefügt um weniger Kreise herauszubekommen, also mehr unterschiedliche Formen
• zusätzlich kann man nun mit + und - den Alphawert und mit , und . den Radius ändern
• fehlt noch die Gradzahl zu ändern

Endpräsentation

Form und Raum

Code11

• alles zusammen gestellt: an- und ausstellbare Modi (visible, move) * verstellbare Gradzahl mit / und * ist dazu gekommen
• nun sind zusätzlich neun Objekte erstellbar
• bei der Bewegung drehen sich die Objekte