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

From Medien Wiki
No edit summary
Line 12: Line 12:


[[Code1]]
[[Code1]]
[[Digital Bauhaus Vorkurs/Projekte/Form und Raum/Code1|Code1]]
*im Kreis werden die umgebenden Punkte, die für die Form gebraucht werden, mathematisch berechnet
*im Kreis werden die umgebenden Punkte, die für die Form gebraucht werden, mathematisch berechnet
*so entstehen an die Form angepasste Segmente
*so entstehen an die Form angepasste Segmente
Line 21: Line 22:


[[Code2]]
[[Code2]]
[[Digital Bauhaus Vorkurs/Projekte/Form und Raum/Code2|Code2]]
*durch Änderung der Gradzahl entsteht diese Drehung
*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^^
*Vorsicht! die for-Schleife ist im draw() - mein Computer nimmt mir das ziemlich übel, wenn er immerwieder 360mal ne Schleife durchlaufen muss^^
Line 34: Line 36:


[[Code3]]
[[Code3]]
[[Digital Bauhaus Vorkurs/Projekte/Form und Raum/Code3|Code3]]
*durch die Funktion mit veränderbaren Parametern konnte ich die Formen duplizieren (for-Schleife)
*durch die Funktion mit veränderbaren Parametern konnte ich die Formen duplizieren (for-Schleife)
*alle besitzen die gleiche Segmentzahl
*alle besitzen die gleiche Segmentzahl
Line 44: Line 47:


[[Code4]]
[[Code4]]
[[Digital Bauhaus Vorkurs/Projekte/Form und Raum/Code4|Code4]]
*die Formen besitzen nun von Anfang an unterschiedliche Segmentzahlen
*die Formen besitzen nun von Anfang an unterschiedliche Segmentzahlen
*sie bekommen die typischen Bauhaus-Farben
*sie bekommen die typischen Bauhaus-Farben
Line 54: Line 58:


[[Code5]]
[[Code5]]
[[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
*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)
*das Programm ist objektorientiert (das sollte es eigentlich übersichtlicher machen)

Revision as of 21:27, 21 January 2011

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

Segmentierter Kreis

Formumwandlung

Dreieck.jpg Viereck.jpg Kreis.jpg Moire.jpg

Code1 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

GedrehteForm.jpg GedrehterStern.jpg

Code2 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

Schach.jpg Schachbrett.jpg SchachbrettMuster.jpg MehrereKreise.jpg

Code3 Code3

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

Bauhaus Formen

MehrereFormen.jpg Bauhaus.jpg BauhausMitMaus.jpg

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

Gestaltungsprogramm

Komposition.jpg Landschaft.jpg

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

Code6

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