No edit summary |
|||
| Line 6: | Line 6: | ||
=== Formumwandlung === | === Formumwandlung === | ||
[[File:Dreieck.jpg|200px]] | [[File:Dreieck.jpg|200px|Segmentiertes Dreieck]] | ||
[[File:Viereck.jpg|200px]] | [[File:Viereck.jpg|200px|Segmentiertes Viereck]] | ||
[[File:Kreis.jpg|200px]] | [[File:Kreis.jpg|200px|Segmentierter Kreis]] | ||
[[File:Moire.jpg|200px]] | [[File:Moire.jpg|200px|Moiré Effekt]] | ||
[[Code1]] | [[Code1]] | ||
| Line 18: | Line 18: | ||
=== Gedrehte Formen === | === Gedrehte Formen === | ||
[[File:GedrehteForm.jpg|400px]] | [[File:GedrehteForm.jpg|400px|Gedrehtes Dreieck]] | ||
[[File:GedrehterStern.jpg|400px]] | [[File:GedrehterStern.jpg|400px|Gedrehter Stern]] | ||
[[Code2]] | [[Code2]] | ||
| Line 30: | Line 30: | ||
=== Schachbrett === | === Schachbrett === | ||
[[File:Schach.jpg|200px]] | [[File:Schach.jpg|200px|Neun Dreiecke]] | ||
[[File:Schachbrett.jpg|200px]] | [[File:Schachbrett.jpg|200px|Schachbrett]] | ||
[[File:SchachbrettMuster.jpg|200px]] | [[File:SchachbrettMuster.jpg|200px|Schachbrett-Muster]] | ||
[[File:MehrereKreise.jpg|200px]] | [[File:MehrereKreise.jpg|200px|Neun Kreise]] | ||
[[Code3]] | [[Code3]] | ||
| Line 42: | Line 42: | ||
=== Bauhaus Formen === | === Bauhaus Formen === | ||
[[File:MehrereFormen.jpg|200px]] | [[File:MehrereFormen.jpg|200px|Bauhausformen]] | ||
[[File:Bauhaus.jpg|200px]] | [[File:Bauhaus.jpg|200px|Bauhausfarben]] | ||
[[File:BauhausMitMaus.jpg|400px]] | [[File:BauhausMitMaus.jpg|400px|Bewegte Bauhausformen]] | ||
[[Code4]] | [[Code4]] | ||
| Line 56: | Line 56: | ||
=== Gestaltungsprogramm 1 === | === Gestaltungsprogramm 1 === | ||
[[File:Komposition.jpg|400px]] | [[File:Komposition.jpg|400px|Komposition]] | ||
[[File:Landschaft.jpg|400px]] | [[File:Landschaft.jpg|400px|Landschaft - Sonne und Baum]] | ||
[[Code5]] | [[Code5]] | ||
| Line 74: | Line 74: | ||
=== Gestaltungsprogramm 3 === | === Gestaltungsprogramm 3 === | ||
[[File:Farbkreis.jpg|400px]] | [[File:Farbkreis.jpg|400px|Ittens Farbkreis in sechs Teilen]] | ||
[[File:Farbketten.jpg|400px]] | [[File:Farbketten.jpg|400px|Farbketten]] | ||
[[Digital Bauhaus Vorkurs/Projekte/Form und Raum/Code7|Code7]] | [[Digital Bauhaus Vorkurs/Projekte/Form und Raum/Code7|Code7]] | ||
| Line 87: | Line 87: | ||
=== Zufällige Kompositionen === | === Zufällige Kompositionen === | ||
[[File:Zufall1.jpg|400px]] | [[File:Zufall1.jpg|400px|Zufällige Zusammenstellung]] | ||
[[File:Zufall2.jpg|400px]] | [[File:Zufall2.jpg|400px|Zufällig - zu viele Kreise]] | ||
[[Digital Bauhaus Vorkurs/Projekte/Form und Raum/Code8|Code8]] | [[Digital Bauhaus Vorkurs/Projekte/Form und Raum/Code8|Code8]] | ||
| Line 96: | Line 96: | ||
=== Springende Formen === | === Springende Formen === | ||
[[File:Eingefangen.jpg|400px]] | [[File:Eingefangen.jpg|400px|Eingefangene Formen]] | ||
[[Digital Bauhaus Vorkurs/Projekte/Form und Raum/Code9|Code9]] | [[Digital Bauhaus Vorkurs/Projekte/Form und Raum/Code9|Code9]] | ||
Revision as of 22:29, 31 January 2011
- Übergang vom Dreieck zum Kreis -> Formumwandlung
- Wechselwirkung zwischen den Formen -> Kompositionen
Segmentierter Kreis
Formumwandlung
- im Kreis werden die umgebenden Punkte, die für die Form gebraucht werden, mathematisch berechnet
- so entstehen an die Form angepasste Segmente
Gedrehte Formen
- 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
- durch die Funktion mit veränderbaren Parametern konnte ich die Formen duplizieren (for-Schleife)
- alle besitzen die gleiche Segmentzahl
Bauhaus Formen
- 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
- 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
- besser objektorientiert, aber mehr schreibarbeit
- sollte eigentlich durch ein array zu lösen sein
Gestaltungsprogramm 3
- 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
- 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
- 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
- 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