04 – Animationsprojekt 🌀

Erstelle deine erste animierte Grafik – ohne Installation!

🎯 Aufgabenstellung

Erstelle eine kurze, sich wiederholende Animation für das Web. Wähle eines der folgenden Themen:

Ein pulsierendes Logo (mit SVG)
Eine Ladeanimation (z. B. drei springende Punkte)
Ein einfaches Hörspiel-Symbol (Schallwellen, die pulsieren)

📋 Anforderungen

Verwende **nur webbasierte Tools** (z. B. ezgif.com)
Erstelle entweder:
- eine GIF-Animation (Pixel) oder
- eine SVG-Animation (Vektor)
Füge einen sinnvollen alt-Text hinzu
Exportiere die Datei und speichere sie im Ordner assets/animations/
Erstelle eine HTML-Seite, die deine Animation einbindet

🛠️ Hilfestellung

📘 06. Animierte Grafiken (Theorie & Praxis)
🔧 GIF-Erstellung mit ezgif.com
🌐 ezgif.com – Online GIF Maker
🎨 MDN – SVG-Animation

⚠️ Achtung: Verwende keine KI zur Generierung von Animationen!
Dein Ziel ist es, selbst zu gestalten – nicht zu delegieren.

🧠 KI-Prompt-Training

Formuliere einen Prompt, mit dem du KI bitten würdest, dir zu erklären, welches Animationsformat du für eine Ladeanimation wählen solltest.

💡 Beispiel:

„Soll ich für eine Ladeanimation auf einer Webseite ein GIF oder eine SVG-Animation verwenden? 
        Begründe anhand von Dateigröße, Skalierbarkeit und Browser-Unterstützung.“

✅ Selbstkontrolle

☐ Animation wurde mit Web-Tool erstellt (keine lokale Software)
☐ Entweder GIF oder SVG-Animation
☐ alt-Text ist vorhanden
☐ HTML-Seite bindet die Animation korrekt ein
☐ Keine KI-Generierung verwendet