Aufgabe
Code Sources Icon Code Sources Icon Code Sources Icon

Cquence Aufgabe mit der Javascriptbibliothek Cquence.

Beispiel Lösung: cq-aufgabe.zip


Der Quelltext wurde erfolgreich in die Zwischenablage kopiert.
Code Elemente - HTML - CSS - JS - Cquence

Beispiel einer Lösung

Euer Projekt kann folgende Möglichkeiten zum bauen und zum untersuchen bieten:

  • Ein Bild dass animiert wird
  • Ein Text der animiert wird
  • Eine Rotation, dazu muss die Cquence.js-Datei mit der CSS-Eigenschaft "transform" erweitert werden
  • Die gesamte Länge der Animation soll 15 Sekunden überschreiten, dazu muss der Wert der Laufzeit des Scripts angepasst werden
  • Das Projekt soll in mehere Sequenzen unterteilt sein
  • Verwendung finden können die Bewegungs-Funktionen:
    • Cq.easeOut
    • Cq.easeIn
    • Cq.linear
  • Eine Sequenz kann für eine bestimmte Zeit gestoppt werden: Cq.sleep( )