Digital Bauhaus Vorkurs/Projekte/Form und Raum: Difference between revisions

← Older edit

Digital Bauhaus Vorkurs/Projekte/Form und Raum (view source)

Revision as of 17:41, 1 May 2012

3,463 bytes added , 1 May 2012

m

→‎Formumwandlung

Max

Bureaucrats, Administrators

12,297

edits

@@ Line 1: / Line 1: @@
-*Übergang vom Dreieck zum Kreis -> Formumwandlung
+* Übergang vom Dreieck zum Kreis → Formumwandlung
-*Wechselwirkung zwischen den Formen -> Kompositionen
+* Wechselwirkung zwischen den Formen → Kompositionen
-=== Segmentierter Kreis ===
+== Segmentierter Kreis ==
+=== Formumwandlung ===
+[[File:Dreieck.jpg|200px|Segmentiertes Dreieck]]
+[[File:Viereck.jpg|200px|Segmentiertes Viereck]]
+[[File:Kreis.jpg|200px|Segmentierter Kreis]]
+[[File:Moire.jpg|200px|Moiré Effekt]]
-==== Formumwandlung ====
+[[/Code1/]], [[/Code1a/]]
+* im Kreis werden die umgebenden Punkte, die für die Form gebraucht werden, mathematisch berechnet
+* so entstehen an die Form angepasste Segmente
-[[File:Dreieck.jpg|200px]]
+=== Gedrehte Formen ===
-[[File:Viereck.jpg|200px]]
+[[File:GedrehteForm.jpg|400px|Gedrehtes Dreieck]]
-[[File:Kreis.jpg|200px]]
+[[File:GedrehterStern.jpg|400px|Gedrehter Stern]]
-[[File:Moire.jpg|200px]]
-[[Code1]]
+[[/Code2/]]
-[[Digital Bauhaus Vorkurs/Projekte/Form und Raum/Code1|Code1]]
+* durch Änderung der Gradzahl entsteht diese Drehung
-*im Kreis werden die umgebenden Punkte, die für die Form gebraucht werden, mathematisch berechnet
+* Vorsicht! die for-Schleife ist im draw() - mein Computer nimmt mir das ziemlich übel, wenn er immerwieder 360mal ne Schleife durchlaufen muss^^
-*so entstehen an die Form angepasste Segmente
-==== Gedrehte Formen ====
+== Kompositionen ==
+=== Schachbrett ===
+[[File:Schach.jpg|200px|Neun Dreiecke]]
+[[File:Schachbrett.jpg|200px|Schachbrett]]
+[[File:SchachbrettMuster.jpg|200px|Schachbrett-Muster]]
+[[File:MehrereKreise.jpg|200px|Neun Kreise]]
-[[File:GedrehteForm.jpg|400px]]
+[[/Code3/]]
-[[File:GedrehterStern.jpg|400px]]
+* durch die Funktion mit veränderbaren Parametern konnte ich die Formen duplizieren (for-Schleife)
+* alle besitzen die gleiche Segmentzahl
-[[Code2]]
+=== Bauhaus Formen ===
-[[Digital Bauhaus Vorkurs/Projekte/Form und Raum/Code2|Code2]]
+[[File:MehrereFormen.jpg|200px|Bauhausformen]]
-*durch Änderung der Gradzahl entsteht diese Drehung
+[[File:Bauhaus.jpg|200px|Bauhausfarben]]
-*Vorsicht! die for-Schleife ist im draw() - mein Computer nimmt mir das ziemlich übel, wenn er immerwieder 360mal ne Schleife durchlaufen muss^^
+[[File:BauhausMitMaus.jpg|400px|Bewegte Bauhausformen]]
-=== Kompositionen ===
+[[/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)
-==== Schachbrett ====
+== Objektorientierte Programmierung ==
+=== Gestaltungsprogramm 1 ===
+[[File:Komposition.jpg|400px|Komposition Bauhaus]]
+[[File:Landschaft.jpg|400px|Landschaft - Sonne und Baum]]
-[[File:Schach.jpg|200px]]
+[[/Code5/]]
-[[File:Schachbrett.jpg|200px]]
+* Wenn ihr keine Kopfschmerzen bekommen wollt, solltet ihr nicht zu sehr in diesen übergroßen (copy-and-paste) Code einsteigen
-[[File:SchachbrettMuster.jpg|200px]]
+* das Programm ist objektorientiert (das sollte es eigentlich übersichtlicher machen)
-[[File:MehrereKreise.jpg|200px]]
+* 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
-[[Code3]]
+=== Gestaltungsprogramm 2 ===
-[[Digital Bauhaus Vorkurs/Projekte/Form und Raum/Code3|Code3]]
+[[Digital Bauhaus Vorkurs/Projekte/Form und Raum‎/Code6|Code6]]
-*durch die Funktion mit veränderbaren Parametern konnte ich die Formen duplizieren (for-Schleife)
+* besser objektorientiert, aber mehr schreibarbeit
-*alle besitzen die gleiche Segmentzahl
+* sollte eigentlich durch ein array zu lösen sein
+=== Gestaltungsprogramm 3 ===
+[[File:Farbkreis.jpg|400px|Ittens Farbkreis in sechs Teilen]]
+[[File:Farbketten.jpg|400px|Farbketten]]
+[[Digital Bauhaus Vorkurs/Projekte/Form und Raum‎/Code7|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 ===
+[[File:Zufall1.jpg|400px|Zufällige Zusammenstellung]]
+[[File:Zufall2.jpg|400px|Zufällig - zu viele Kreise]]
+[[Digital Bauhaus Vorkurs/Projekte/Form und Raum‎/Code8|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 ===
+[[Digital Bauhaus Vorkurs/Projekte/Form und Raum‎/Code9|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?
-==== Bauhaus Formen ====
+=== Veränderbare Kompositionen ===
+[[Digital Bauhaus Vorkurs/Projekte/Form und Raum‎/Code10|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 ddas man die Gradzahl verändern kann
-[[File:MehrereFormen.jpg|200px]]
+== Endpräsentation ==
-[[File:Bauhaus.jpg|200px]]
+=== Form und Raum ===
-[[File:BauhausMitMaus.jpg|400px]]
+<gallery>
+File:Landschaft2.jpg|Frau und Baum
+File:Stern.jpg|Stern
+File:Überlagerung.jpg|Überlagerung
+File:AffenGesicht.jpg|Gesicht
+File:Formenkette.jpg|Formenkette
+File:DasHaus.jpg|Haus
+</gallery>
-[[Code4]]
+[[/Code11/]]
-[[Digital Bauhaus Vorkurs/Projekte/Form und Raum/Code4|Code4]]
+* hier habe ich alles zusammen gestellt: an- und ausstellbare Modi sind dazu gekommen (visible, move)
-*die Formen besitzen nun von Anfang an unterschiedliche Segmentzahlen
+* nun sind zusätzlich neun Objekte erstellbar
-*sie bekommen die typischen Bauhaus-Farben
+* verstellbare Gradzahl mit / und * ist dazu gekommen
-*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)
+* außerdem habe ich die Lenkung von Radius und Alpha gewechselt
+* bei der Bewegung drehen sich die Objekte noch zusätzlich
+* zum Schluss habe ich versucht den Code etwas übersichtlicher zu machen
-==== Gestaltungsprogramm ====
+==== Lenkung ====
+*Zahlen 1 bis 9 = Objekte sichtbar/unsichtbar machen
+*Zahl 0 + Mausbewegung = alle Ojekte beweglich/unbeweglich machen
-[[File:Komposition.jpg|400px]]
+wenn die Maus über einem Objekt ist
-[[File:Landschaft.jpg|400px]]
+*Pfeil nach oben und unten = Segmentzahl verändern
+*Pfeil nach links und rechts = Farbe verändern
+*Plus und Minus = Radius verändern
+*Geteilt und Mal = Gradzahl/Richtung verändern
+*Komma und Punkt = Alphawert verändern
-[[Code5]]
+[[File:Form_und_Raum.zip]]
-[[Digital Bauhaus Vorkurs/Projekte/Form und Raum/Code5|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
-==== Objektorientierte Programmierung ====
+[[File:Applet_Form_und_Raum.zip]]
-[[Digital Bauhaus Vorkurs/Projekte/Form und Raum‎/Code6|Code6]]
+'''Hier noch eine andere Arbeit mit Processing, die ich dieses Semester für [[GMU:Immersive Strategien|Immersive Strategien]] gemacht habe:[[GMU:Immersive Strategien/Inhalte/Bälle| Bälle im Tischtheater]]'''
-*besser objektorientiert, aber mehr schreibarbeit
-*sollte eigentlich durch ein array zu lösen sein, doch...