Differences

This shows you the differences between two versions of the page.

--- teaching:ba:create:ct102:semester-schedule:mini-challenges [2026/09/19 14:12] – [Teilaufgabe A – Letter as Form] Felix Hardmood Beck
+++ teaching:ba:create:ct102:semester-schedule:mini-challenges [2026/09/19 14:16] (current) – [Teilaufgabe A – Visual Control & Variations] Felix Hardmood Beck
@@ Line 184: / Line 184: @@
 ==== Teilaufgabe A – Visual Control & Variations ====
-Entwickelt das System aus Mini-Challenge 03 weiter.
+  * Verwenden Sie für diese Aufgabe P5.JS.
+  * Entwickeln Sie Ihre Benutzeroberfläche aus der vorherigen Aufgabe weiter zu einem kleinen Gestaltungssystem. Erweitern Sie Ihren Sketch so, dass mit dem Interface mindestens drei klar unterscheidbare Bildvarianten oder Kompositionen erzeugt und gezielt gespeichert bzw. wieder aufgerufen werden können.
-Die visuellen Eigenschaften sollen nun nicht mehr ausschließlich einzeln verändert werden. Entwickelt stattdessen Regeln und Parameter, durch deren Veränderung **unterschiedliche visuelle Zustände** entstehen.
+  * Zusätzlich zu Button, Slider und Toggle Switch sollen die Bedienelemente nun so zusammenwirken, dass nicht nur Einzelwerte verändert werden, sondern unterschiedliche visuelle Zustände entstehen, zum Beispiel //ruhig, dynamisch oder verdichtet.//
+  * Die Benutzeroberfläche soll weiterhin vollständig selbst in P5.JS gestaltet werden und ausschließlich aus einfachen geometrischen Formen bestehen. Alle Interface-Elemente bleiben auf Schwarz und Weiß beschränkt.
-Mögliche Parameter sind beispielsweise:
+  * Ziel ist es, ein konsistentes visuelles und funktionales Interface zu entwickeln, das nicht nur einzelne Parameter verändert, sondern ein kleines System zur Steuerung gestalterischer Entscheidungen bildet.
+  * Die erzeugten Varianten sollen als Bilder exportiert und in einer nachvollziehbaren Serie präsentiert werden können.  \\ \\ Zur Inspiration: \\ {{:teaching:ba:courses:design-basics:sose26:interface_test_bsp-a.png?direct&200|}} {{:teaching:ba:courses:design-basics:sose26:interface_test_BSP-B2.png?direct&200|}} {{:teaching:ba:courses:design-basics:sose26:interface_test_BSP-B1.png?direct&200|}}
-  * Anzahl
+  * Für die Dokubox: Haltet durch Skizzen, Scribbles, Diagramme oder kurze Aufzeichnungen fest, welche Regeln und Parameter euer System bestimmen sollen. Dokumentiert anschließend unterschiedliche Parameterkombinationen und Zwischenstände. Druckt eine Auswahl charakteristischer visueller Zustände aus und notiert jeweils, welche Parameter zu diesem Ergebnis geführt haben. Ergänzt den Link zum p5.js-Sketch.
-  * Größe
-  * Position
-  * Rotation
-  * Abstand
-  * Wiederholung
-  * Geschwindigkeit
-  * Dichte
-Entwickelt mit [[extras:codikon:p5js:einfuehrung_in_p5js|p5.js]] ein System, das aus einer gemeinsamen gestalterischen Grundidee deutlich unterschiedliche Varianten erzeugen kann.
-Erstellt mehrere charakteristische Zustände und dokumentiert, welche Parameter jeweils verändert wurden.
-Ziel ist es, nicht mehr einzelne Ergebnisse zu gestalten, sondern die **Regeln zu gestalten, durch die Ergebnisse entstehen**.
-=== Dokumentation in der DokuBox ===
-Haltet zunächst durch **Skizzen, Scribbles, Diagramme oder kurze Aufzeichnungen** fest, welche Regeln und Parameter euer System bestimmen sollen.
-Dokumentiert anschließend unterschiedliche Parameterkombinationen und Zwischenstände. Druckt eine Auswahl charakteristischer visueller Zustände aus und notiert jeweils, welche Parameter zu diesem Ergebnis geführt haben.
-Ergänzt den Link zum p5.js-Sketch.