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