Abschlussbedingungen
Inhalte
Theorie
- Terminologie: Keyframes, Framerate, Easing etc.
- Zusammenhang Dauer, Framerate, Beschleunigung und interpolierter Wert
- Visualisierung von Easings verstehen
Praktische Übungen
- Bestimmen und Aufzeichnen der Zwischenschritte beim Interpolieren von Positionsdaten.
- Code-Beispiele mit CSS und SVG zum selber ausprobieren.
Lernziele
Nach diesem Modultag solltest du:
- Die notwendigen Elemente für Animationen am Screen kennen.
- die Voraussetzungen für das Interpolieren einer Eigenschaft kennen
- einfach zu animierende Eigenschaften kennen (Transformationen, Deckkraft)
Links & Ressourcen
Diverse Ressourcen und Links, welche im Unterricht thematisiert wurden.
- Handout (PDF)
- Code-Beispiele
- CSS Transition (interaktiv)
- CSS Animation
- easings.net Übersicht über Easings mit animierter Visualisierung
- MDN, Einführung in SVG
Zuletzt geändert: Dienstag, 31. Januar 2023, 10:55