Interaktiv animierte Scheibe
In diesem Abschnitt sehen Sie eine zweidimensional animierte Scheibe, die in Schritten von 15 Grad gedreht werden kann. Die Animation besteht aus 24 Einzelbildern, die die Scheibe in unterschiedlichen Rotationspositionen zeigen.
Sie haben verschiedene Möglichkeiten, die Scheibe zu steuern:
- Mit der Taste R können Sie die Scheibe um 15 Grad im Uhrzeigersinn drehen.
- Mit der Taste L drehen Sie die Scheibe um 15 Grad gegen den Uhrzeigersinn.
- Mit der Taste A starten oder stoppen Sie eine automatische Animation, bei der die Scheibe kontinuierlich rotiert.
Alternativ können Sie die Scheibe auch mit den Schaltflächen unter der Abbildung bedienen, um die Drehrichtung zu ändern oder die automatische Animation zu aktivieren/deaktivieren.

Animation mit Sprite-Sheet
In diesem Abschnitt wird für die Animation ein sogenanntes Sprite-Sheet verwendet. Ein Sprite-Sheet ist eine Technik, bei der mehrere Einzelbilder einer Animation in einem einzigen Bild angeordnet werden. Jedes dieser Einzelbilder zeigt eine leicht veränderte Position des Objekts, sodass durch schnelles Umschalten zwischen den Bildern eine flüssige Bewegung entsteht.
Das Sprite-Sheet für diese Animation besteht aus 33 Einzelbildern, die in 3 Spalten und 11 Zeilen organisiert sind. Jedes Bild zeigt eine andere Phase des Raketenflugs.
Sie können die Rakete mit folgenden Tasten steuern:
- Mit der Taste G fliegt die Rakete vorwärts durch die Animation.
- Mit der Taste B fliegt die Rakete rückwärts.
- Mit der Taste X können Sie den Autopilot ein- oder ausschalten, wodurch die Rakete automatisch vorwärts fliegt.
Alternativ können Sie die Steuerung auch über die Schaltflächen unter der Animation vornehmen.
Dokumentation
Das Bildmaterial für die animierte Scheibe wurde vollständig selbst erstellt.
Für die Raketenanimation wurden die einzelnen Bilder aus verschiedenen Quellen zusammengestellt:
- Erde: https://www.freepik.com/free-ai-image/photorealistic-earth-planet_94075611.htm
- Mond: https://www.freepik.com/free-photo/beautiful-glowing-gray-full-moon_29302752.htm
- Rakete: https://www.freepik.com/free-vector/rocket-start-up-launcher_136881055.htm
- Explosion: https://www.freepik.com/free-psd/realistic-fire-explosion-isolated_156698728.htm