Video zu Sprite-Sheet

Wandle ein Video in ein spielfertiges Sprite-Sheet um

Importiere einen unterstützten Clip, wähle den brauchbaren Bereich und lege Frames sowie Ausgabe fest. Exportiere PNG-Frames, ein Sprite-Sheet mit JSON oder ein Engine-Paket.

Überprüftes Umwandlungsbeispiel

Ein Video in ein Sprite-Sheet umwandeln? Ja – hier ist ein vollständiges Ergebnis.

In diesem projekteigenen Beispiel bleibt das 4,00-Sekunden-Ausgangsvideo unverändert. Ein sauberer Abschnitt von 1,292 Sekunden wird zu einem transparenten Sprite-Sheet mit 16 Frames abgetastet. Dies ist ein echtes AnimGen-Ergebnis, keine nachgebaute Oberfläche.

Ausgangsvideo
Exportiertes Sprite-Sheet
Transparentes 4×4-Sprite-Sheet mit 16 Frames eines laufenden Charakters
Quelle
4,00 s · 24 FPS · 96 Frames
Gewählter Bereich
2,542–3,833 s · 31 Quellframes
Sampling
Jeder zweite Frame · 12 FPS
Ausgabe
16 Frames · 4 × 4 · 1536 × 1536 PNG

Das PNG und die JSON-Datei sind öffentliche Prüfbeispiele. Ergebnisse mit eigenem Material hängen von Clipausschnitt, Ausgabegröße, Frame-Anzahl und Transparenzeinstellungen ab.

Umwandlungsworkflow

Vom Videoclip zu spielfertigen Frame-Dateien

Zuschnitt, Frame-Sampling, Transparenzverarbeitung und Verpackung bleiben im Studio getrennte Entscheidungen, damit du jeden Schritt prüfen kannst.

  1. 1

    Video importieren

    Importiere MP4, WebM oder MOV oder verwende eine bereits im Arbeitsbereich erzeugte Bildanimationsvorschau.

  2. 2

    Clip auswählen

    Setze Anfang und Ende, gehe Frame für Frame durch und prüfe das Timing als Schleife.

  3. 3

    Ausgabeeinstellungen wählen

    Lege Frame-Anzahl, Ausgabegröße, Exportformate und optionale Transparenzverarbeitung fest.

  4. 4

    Assets exportieren

    Lade PNG-Frames, Sprite-Sheet-Dateien oder Engine-Pakete entsprechend deiner Formatauswahl herunter.

Quellclip
Gewählter Bereich
Ausgabeframes

Zuschneiden und abtasten

Exportiere die brauchbare Bewegung, nicht jeden Quellframe

Wähle einen gezielten Abschnitt, prüfe ihn und steuere, wie viele Ausgabeframes seine Dauer repräsentieren. So entfernst du Einleitungen, instabile Übergänge oder unnötige Rückkehrbewegungen.

  • Frameweise Navigation für genaue Prüfung.
  • Anfangs- und Endpunkte zur Clipauswahl.
  • Schleifenvorschau für wiederholte Bewegungen.
  • Grenzen für Frame-Anzahl und Ausgabegröße bleiben vor dem Export sichtbar.

Exportformate

Wähle das Paket, das dein Projekt wirklich benötigt

Du kannst in derselben Exportaufgabe mehrere Ausgabeformate anfordern. Verfügbarkeit und Inhalt richten sich nach der aktuellen Studio-Implementierung.

PNG-Frames als ZIP

Ein ZIP-Archiv mit der ausgewählten Animation als einzelne PNG-Frame-Dateien.

Sprite-Sheet + JSON

Ein gepacktes Sprite-Sheet-PNG mit JSON-Metadaten für die Frame-Anordnung.

Engine-Pakete

Importfertige Pakete für Unity, Godot 4, Unreal Paper2D und Cocos Creator.

Optionale Transparenz

Hintergrundentfernung ist eine Verarbeitungsentscheidung

Bei geeignetem Ausgangshintergrund kann AnimGen beim Frame-Export Color-Keying oder Matting einsetzen. Alpha-Matting ist eine optionale Verfeinerung. Prüfe das Ergebnis: Haare, Bewegungsunschärfe, Schatten und ähnliche Farben beeinflussen die Kantenqualität.

  • Verwende Color-Keying für eine bewusst gewählte, ausreichend unterscheidbare Hintergrundfarbe.
  • Nutze Matting, wenn der Hintergrund kein sauberer Chroma-Key ist.
  • Transparenz ist ein Ausgabeverarbeitungsschritt, keine garantierte Alpha-Erhaltung bei der Erstellung.
  • Prüfe Kanten vor der Veröffentlichung auf hellen und dunklen Hintergründen.

Fragen zu Video und Sprite-Sheets

Welche Videoformate kann ich importieren?

Der aktuelle Web-Workflow akzeptiert MP4, WebM und MOV. Browser-Dekodierung und tatsächliche Medienkodierung beeinflussen, ob eine bestimmte Datei in der Vorschau wiedergegeben werden kann.

Muss ich das Video zuerst in AnimGen erzeugen?

Nein. Du kannst unterstütztes Material direkt importieren oder eine erzeugte Bildanimationsvorschau aus demselben Arbeitsbereich weiterverwenden.

Enthält das Sprite-Sheet Frame-Daten?

Der Sprite-Sheet-Export enthält ein PNG und JSON-Metadaten. Engine-Pakete sind außerdem für Unity, Godot 4, Unreal Paper2D und Cocos Creator verfügbar.

Ist die Hintergrundentfernung immer sauber?

Nein. Ähnliche Farben, Schatten, feine Details, Kompression und Bewegungsunschärfe beeinflussen das Ergebnis. Wähle eine geeignete Methode und prüfe den exportierten Alpha-Kanal vor dem Produktionseinsatz.

Verpacke deine Animation als nutzbare Spieldateien

Erstelle ein Konto, importiere ein Video oder erzeuge eine Vorschau und wähle den Clip und die Exportformate.

Sprite-Sheet-Workflow starten