Schwalbenflug
Animierte Illustration
Zu sehen ist ein gutes Beispiel für eine Integration von Animations-Elementen in eine Illustration. Als Grundlage dient eine Zeichnung aus der „Spurenbuch“-Serie.
Besonderheiten
Interessant ist hier, dass die Animation mehrere geloopte Bewegungsabläufe enthält, sie selbst aber kein Loop ist. Da diese Unteranimationen unterschiedliche Dauer haben, ergibt sich immer ein anderes Bild. Diese Art von Animation bringt den Zuschauer dazu, sie länger zu betrachten.
| Datenblatt | |
|---|---|
| Typ: | SpriteSheet & Tween (Vogel), Morphing (Rauch) |
| Dauer: | unendlich |
| Interaktion: | keine |
| Technologie: | canvas, createJS, animateCC |
Freier Fall
Animierte Illustration
Diese Animation illustriert die Fallbewegung eines Körpers im luftlosen Raum. Ein Klick auf den Kühlschrank schließt die Tür und ruft Galileo Galilei. Ein weiterer Klick auf ihn führt zum Museo Galileo.
Besonderheiten
Interessant ist hier, dass die Animation mehrere geloopte Bewegungsabläufe enthält, sie selbst aber kein Loop ist. Da diese Unteranimationen unterschiedliche Dauer haben, ergibt sich immer ein anderes Bild. Diese Art von Animation bringt den Zuschauer dazu, sie länger zu betrachten.
| Datenblatt | |
|---|---|
| Typ: | SpriteSheet + Tween |
| Dauer: | unendlich |
| Interaktion: | Touch, Klick |
| Technologie: | canvas, createJS, animateCC |
Roto-Schwein
360°-Animation mit Pseudo-3D-Effekt.
Die Animation enthält einen gut versteckten Hyperlink. Um ihn zu finden, muss man das Schweinchen einmal umdrehen.
Steuerung der Animation:
Mit dem Finger bzw. der linken Maustaste auf das Schweinchen drücken und nach links oder rechts ziehen.
Was an dieser Animation besonders ist:
Der Link ist solange klickbar, wie er zu sehen ist. Die Drehrichtung bestimmt der User selbst. Diese Animation kommt ohne Steuerelemte aus. Sie ist intuitiv bedienbar.
Beabsichtigte Wirkung:
Diese Art der Animation regt zum Suchen an und weckt den Forscherdrang. Belohnt wird der User mit der Freude über den Fund des versteckten Links.
Der Aufbau der Erde
Eine anschauliche, vereinfachte Darstellung der Erdschichten für Kinder im Grundschulalter. Auf dem Querschnitt der Erdkugel ist jede Schicht anklickbar und wird mit einem kurzen Informationstext ergänzt..
Animationsart: interaktive Infografik.
Zweitaktmotor
Das Schaubild zeigt den inneren Aufbau eines Zweitaktmotors. Die entsprechenden Motorteile werden bei Klick auf ihren Namen hervorgehoben.