Pixel-Art-Animator

Pixel-Art-Animation ist der Prozess, die Illusion von Bewegung zu erzeugen, indem einzelne Bilder (Frames) nacheinander angezeigt werden. Jeder Frame ist ein eigenständiges Pixel-Art-Bild, das sich leicht vom vorherigen unterscheidet. Wenn die Frames schnell genug abgespielt werden (typischerweise 8-15 FPS), verschmelzen sie für das menschliche Auge zu einer fließenden Bewegung.

Das Grundprinzip der Pixel-Art-Animation ist 'Quetschen und Strecken' – die Verformung eines Objekts, um Gewicht und Bewegung zu vermitteln. Ein springender Ball ist beim Aufprall flach (quetschen) und beim Aufsteigen gestreckt. Dieses Prinzip, das aus der traditionellen Animation stammt, verleiht Pixel-Art-Grafiken Leben und Charakter.

Unser Tool implementiert ein Frame-basiertes Animationssystem: Jeder Frame wird als 2D-Pixel-Array gespeichert. Der Animator kann Frames hinzufügen, duplizieren, löschen und neu anordnen. Jeder Frame hat eine einstellbare Anzeigedauer. Die Vorschau zeigt die Animation in Echtzeit mit der eingestellten Bildrate. Frames können aus dem Clipboard eingefügt oder als Sprite-Sheet exportiert werden.

Animierte GIFs sind in sich geschlossen – eine einzelne Datei enthält alle Frames und Timing-Informationen. GIF ist das am weitesten unterstützte Animationsformat und funktioniert in allen Browsern und Plattformen. Der Nachteil ist, dass GIF auf 256 Farben pro Frame begrenzt ist und keine Audiounterstützung bietet. Für die meisten Pixel-Art-Animationen ist diese Begrenzung jedoch kein Problem.

Sprite-Sheets sind das Standardformat für Spiele-Engines (Unity, Godot, Phaser). Ein Sprite-Sheet ist ein einzelnes Bild, das alle Animations-Frames in einem Raster enthält. Die Spiele-Engine lädt das Sprite-Sheet einmal und schneidet dann einzelne Frames zur Anzeige aus. Dies ist effizienter als das Laden einzelner Bilddateien, da es die Anzahl der Texture-Wechsel reduziert.