05 Das Meisterstück

Was brauchst du als Basiswissen?

Das Meisterstück ist die Anwendung des Wissens. Du musst also Programmierkenntnisse besitzen. Die Aufgabe kann gelöst werden mit

• Processing mit Java
• Processing mit JavaScript
• Processing mit Python
• JavaScript in einer Webseite
• JavaScript in einer Webseite mit Canvas

Worum geht es?

Du sollst zeigen, dass du eine Farbveränderung (Animation) programieren kannst.

Was ist das Ziel?

Am Ende hast du ein Programm oder eine Webseite mit einer Animation und einer Projektdokumentation.

2 Möglichkeiten

Es gibt zwei Möglichkeiten: Entweder du programmierst eine Animation im grafischen Elementen in einem Zeichenfeld. Hier bieten sich Processing und JavaScript an.

Du kannst aber auch die Farben von Oberflächenelementen in einer Webseite manipulieren.

Ein Video soll dir dies näher bringen.

Video

Grafik-Animation

Hier siehst du ein seeeeehr einfaches Beispiel. Du kannst mehr. Nimm, wenn du es schon kennst, Processing. Willst du dies in eine Webseite einbinden, informiere dich zu Canvas und setInterval.

Animation

Animation von Oberflächenelementen

Du kannst aber auch die Farben ganz normaler Oberflächenelemente wie Überschriften, Tabellen etc. animieren.

Animation

Beide Dateien (ab04_beispiel1.html und ab04_beispiel2.html) bekommst du über das Gruppenverzeichnis.

Dokumentation

Wie bisher auch sollst du deinen Arbeitsprozess dokumentieren, aber auch hier einige wenige Informationen hinterlassen.

• Idee: Beschreibe deine Idee mit ein bis zwei Sätzen
• Plane: Beschreibe genauer, erstelle Skizzen.
• Bereite den Arbeitsprozess vor: Sammle Material (hier Dateien), erstelle Prompts für die KI.
• Erstelle das Produkt.
• Lasse es bewerten, sammle Ideen. Überlege, welche Ideen du umsetzen möchtest.
• Ziehe ein Fazit: Was hast du gelernt, welche neuen Erkenntnisse hast du gewonnen? Wie könnte man das Projekt, genügend Zeit vorausgesetzt, verbessern oder abändern?

Schreibe all das wieder in deine Projektdokumentation.

Dokumentiere hier auch:

• deine Idee,
• ob die erste Version funktioniert und
• die Rückmeldungen nach dem ersten Test.