Differences

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

--- teaching:ba:courses:design-basics:sose25:minichallenges [2025/05/01 08:41] – [Mini-Challenge 4A] Felix Hardmood Beck
+++ teaching:ba:courses:design-basics:sose25:minichallenges [2025/05/01 15:54] (current) – [Mini-Challenge 4A] Felix Hardmood Beck
@@ Line 12: / Line 12: @@
   - Starten Sie mit der Erstellung des ersten Blattes für Ihre Doku-Box. Wie kann das aussehen? Machen Sie screenshots ihrer Arbeiten. Reicht ein Screenshot, um eine Animation zu zeigen? Was fällt Ihnen als Lösung ein? Fragen Sie jemanden ein Foto von Ihnen bei der Arbeit zu machen (//Over-the-shoulder-shot// mit dem Computer-Bildschirm im Hintergrund auf dem ihre Arbeit zu sehen ist). Achten Sie auf gute Belichtung und einen passenden Bildausschnitt.
   - Die Ergebnisse werden beim nächsten mal der gesamten Gruppe vorgestellt (inkl Doku-Box) und gemeinsam besprochen. Die fertigen Code-snippets werden per email an Prof. Beck geschickt.
+-----
@@ Line 19: / Line 21: @@
   - Arbeiten Sie an Ihrer Bildcollage. Optimieren Sie Position, Größe, Details der einzelnen Bilder, sodass die Aussage Ihrer "Geschichte" deutlicher wird.
   - Dokumentieren Sie Ihren Prozess mit Hilfe von Fotos, Skizzen und Screenshots. Die jeweiligen Ausdrucke wandern in die Dokumentationsbox und werden im nächsten Seminar neben den Ergebnissen des DIN A3 Plakates vorgestellt.
+-----
 ==== Mini-Challenge 3A ====
 Modellieren Sie Ihren Namen in [[https://www.tinkercad.com/3d-design|TinkerCAD]] in Form einer //Namensskulptur//. Wählen Sie dafür eine Schrift, die zu Ihnen passt – Sie vielleicht sogar repräsentiert. Gegebenenfalls müssen Sie hier einzelne Buchstaben als *.svg-Dateien importieren und diese extrahieren). Der Name soll dabei von oben nach unten lesbar sein – die Buchstaben also nicht in Leserichtung nebeneinander, sondern untereinander – und in einer Form, dass man die Skulptur um 360° drehen muss, um Ihren Namen komplett lesen zu können. Alle verwendeten Buchstaben sollten natürlich zur gleichen Schrift gehören. Die Versalhöhe sollte etwa 3-5 cm betragen. Die Höhe der Gesamtskulptur soll nicht höher sein als 15 cm. Das ganze soll später 3D-gedruckt werden. Versuchen Sie deswegen die Buchstaben möglichst intelligent aufeinander aufzubauen. Verwenden Sie nur Buchstaben, keine "Brückenelemente". ;-) \\  \\  {{:teaching:ba:courses:design-basics:namsskulptur_360_anim.gif?direct&200 |}}
 ==== Mini-Challenge 3B ====
@@ Line 33: / Line 39: @@
 {{:teaching:ba:courses:design-basics:namensskulptur_3d_print_02.png?direct&200|}}
 {{:teaching:ba:courses:design-basics:namensskulptur_3d_print_03.png?direct&200|}}
+-----
 ==== Mini-Challenge 4A ====
-»24 Frames of Motion«
+Diese Übung dient als Einstieg in zentrale Konzepte, die später bei der Nutzung von Programmen wie TouchDesigner oder vvvv interaktiv und in Echtzeit weitergedacht werden – etwa Formgenerierung, Bewegungslogik, Transformation im Raum und visuelles Storytelling.
-Mit dieser Aufgabe beschäftigen Sie sich mit den //[[about:grundlagen_der_animation|Grundlagen von Animation]]// als gestalterischem Mittel. Animation ist nicht nur eine Technik, sondern eine Denkweise: Zeit, Form und Veränderung werden zu Gestaltungsmaterial. Sie sollen eine Animation mit 24 Einzelbildern gestalten, die exakt eine Sekunde lang sein soll. Ob abstrakt oder narrativ, rhythmisch oder chaotisch – Ziel ist es, eine einfache visuelle Idee in eine präzise zeitliche Abfolge zu übersetzen. Im Fokus stehen Grundprinzipien wie Timing, Transformation, Bewegung und Komposition. Hinweis: Die Animation soll ohne erklärenden Text funktionieren – die visuelle Bewegung steht im Zentrum.
+**24 Frames of Motion**: Sie sollen eine Animation gestalten, die aus 24 Einzelbildern besteht und exakt eine Sekunde lang sein soll. Ob abstrakt oder narrativ, rhythmisch oder chaotisch – Ziel ist es, eine einfache visuelle Idee in eine präzise zeitliche Abfolge zu übersetzen. Im Fokus stehen Grundprinzipien wie Timing, Transformation, Bewegung und Komposition. Die Animation soll ohne erklärenden Text funktionieren – die visuelle Bewegung steht im Zentrum. Lesen Sie sich zur Bearbeitung der Aufgabe die //[[about:grundlagen_der_animation|Grundlagen von Animation]]// durch.
-Diese Übung dient als Einstieg in zentrale Konzepte, die später bei der Nutzung von Programmen wie TouchDesigner oder vvvv interaktiv und in Echtzeit weitergedacht werden – etwa Formgenerierung, Bewegungslogik, Transformation im Raum und visuelles Storytelling.
-Verwende zur Erstellung der Animation ein frei verfügbares Online-Tool, z. B.:
+Zur Erstellung der Animation können beliebige Tools eingesetzt werden, wie bspw die folgenden frei verfügbaren Online-Tool:
   * https://flipanim.com (Frame-by-Frame-Zeichnung)
   * https://piskelapp.com (Pixelanimation)
 Abgabe:
-  * Die Animation als [[about:animated-gif|animiertes-gif]] oder Video-Datei (max. 5 MB)
+  * Die Animation soll als [[about:animated-gif|animiertes-gif]] oder Video-Datei (max. 5 MB) vor der nächsten Unterrichtseinheit per email an Prof Beck geschickt werden.
+  * Erstellen Sie eine entsprechende Seite für Ihre [[teaching:ba:courses:design-basics:dokumentationsbox|Doku-Box]]
   * Eine kurze schriftliche Reflexion (100–150 Wörter): Welche gestalterische Idee wurde verfolgt? Welche Entscheidungen waren notwendig?
 ==== Mini-Challenge 4B ====
-Aufgabenstellung folgt…
+  * Lesen Sie sich die Beschreibung zu den [[about:grundlagen_der_animation#die_12_prinzipien_der_animation|12 Prinzipien der Animation nach Disney]] aufmerksam durch.
+  * Wählen Sie __zwei__ Prinzipien aus, die Sie besonders interessant oder gestalterisch relevant finden. Ihre Aufgabe ist es nun, für jedes der beiden Prinzipien einen eigenen [[https://editor.p5js.org|P5.JS]] Sketch zu coden, der die jeweilige Idee durch Bewegung, Formverhalten oder Interaktion deutlich visualisiert. Orientieren Sie sich an folgendem [[code:p5js:slow-in_slow-out|Beispiel Slow In & Slow Out]] \\
+  * Ihre Ergebnisse (Sketche + Doku) werden in der kommenden Sitzung der Gruppe vorgestellt. Senden Sie Ihre P5.JS-Code-Snippets zusätzlich per E-Mail an Prof. Beck.