Creative Technologies Lab | dokuWiki

Repository of academic adventures, experimental technology, accidental brilliance, and collaborative nerdery.

User Tools

Site Tools


teaching:ba:courses:design-basics:sose25:minichallenges

Differences

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

Link to this comparison view

Both sides previous revisionPrevious revision
Next revision
Previous revision
teaching:ba:courses:design-basics:sose25:minichallenges [2025/04/08 16:13] – [Mini-Challenge 3] Felix Hardmood Beckteaching: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.   - 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.   - 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 20: Line 22:
   - 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.   - 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 3 ====+-----  
 + 
 +==== 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 ==== 
 + 
 +3D-Drucken Sie Ihre Namensskulptur im [[https://www.fh-muenster.de/makerspace/|MakerSpace]], in einer __Höhe von 15 cm__. Bringen Sie das Ergebnis beim nächsten Mal mit zum Unterricht. Dokumentieren Sie Ihren Prozess durch Fotos und integrieren Sie Ihre Doku in die Dokubox. 
 + 
 + 
 +{{:teaching:ba:courses:design-basics:namensskulptur_3d_print_00.png?direct&200|}}  
 +{{:teaching:ba:courses:design-basics:namensskulptur_3d_print_01.png?direct&200|}}  
 +{{: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 ==== 
 + 
 +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. 
 + 
 +**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. 
 + 
 +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 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?
  
-Modellieren Sie Ihren Namen in 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:verwachsene_buchstaben_gr.png?direct&200 |}} +==== Mini-Challenge 4B ====
-==== Mini-Challenge ==== +
-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.
/var/www/vhosts/ct-lab.info/wiki.ct-lab.info/data/attic/teaching/ba/courses/design-basics/sose25/minichallenges.1744128805.txt.gz · Last modified: by Felix Hardmood Beck