WAVESPEED AI SPRITE-SHEET-GENERATOR Deine Dateien bleiben auf deinem Gerät

100% KOSTENLOS

Sprite-Sheet-GeneratorVideo, GIF oder Einzelbilder als spielfertiges Sheet.

Nimm die Frames einer beliebigen Animation, entferne den Hintergrund und packe sie in ein einziges Sprite Sheet.
Sieh dir die Schleife in der Vorschau an und lade dann ein PNG mit JSON-Framedaten für deine Engine herunter.

KI-HintergrundentfernungPNG + JSON + GIFKein Upload

Keine Anmeldung Kein Upload Kein Wasserzeichen

Aus einer Animation ein Sprite Sheet machen

Ein Video (MP4, WebM, MOV), ein animiertes GIF oder WebP oder mehrere PNG- oder JPG-Einzelbilder.

Wähle mehrere Bilder auf einmal, um sie in der Reihenfolge der Dateinamen als Frames zu verwenden.Du brauchst eine Bewegung? Stöbere in der KI-Bewegungsgalerie

Lass deine eigene Figur diese Bewegung ausführen

Erstelle eine Figur, bring sie mit KI in Bewegung und hole den Clip dann hierher, um ihr Sprite Sheet zu erstellen.

Deine Dateien werden in deinem Browser verarbeitet und nie hochgeladen.

DREI EINFACHE SCHRITTE

So machst du aus einem Video ein Sprite Sheet

Animation hinzufügen

Ziehe ein Video, ein animiertes GIF oder mehrere Einzelbilder hinein oder probiere den Beispielclip aus. Es wird nichts hochgeladen.

Frames auswählen und aufräumen

Lege fps sowie Start und Ende fest, lass unerwünschte Frames aus und entferne den Hintergrund per KI oder Farbschlüssel.

Anordnen und herunterladen

Wähle Raster, Frame-Größe und Abstand, sieh dir die Schleife an und lade dann das PNG-Sheet mit JSON, ein GIF oder ein ZIP mit Frames herunter.

Game-Engines

Sprite Sheets für Phaser, PixiJS, Godot, Unity und GameMaker

Phaser und PixiJS

Das JSON nutzt das TexturePacker-Layout als Hash oder Array, das die Atlas-Loader von Phaser und PixiJS direkt lesen, samt einer Animation mit allen Frames. Oder zerlege es als Spritesheet nach Frame-Breite und -Höhe.

Godot

Alle Frames haben dieselbe Größe, daher braucht ein Sprite2D nur Hframes und Vframes, und AnimatedSprite2D kann die Frames per Raster aus dem Sheet übernehmen. Das Tool zeigt dir die Zahlen zum Eintragen.

Unity und GameMaker

Zerlege das PNG im Sprite Editor von Unity nach Zellgröße oder importiere es in GameMaker als Strip. Frame-Größe, Abstand und fps stehen neben dem Download und im JSON.

WaveSpeed AI

Erst die Figur erstellen, dann animieren

Entwirf Spielfiguren und bring sie mit WaveSpeed AI in Bewegung, dann mach den Clip hier zu einem Sprite Sheet.

Jetzt erstellen Über 1.000 KI-Modelle entdecken

Über 1.000 KI-Modelle
Bild, Video und 3D
Zahlung nach Nutzung

$1 Gratis-Guthaben für berechtigte neue Konten. Keine Karte nötig. Für die Generatoren gelten eigene Konto- und Credit-Anforderungen. Sprite-Sheet-Generator ist kostenlos.

FAQ zum Sprite-Sheet-Generator

Ist der Sprite-Sheet-Generator kostenlos?

Ja. Erstelle so viele Sprite Sheets, wie du willst – ohne Konto und ohne Wasserzeichen.

Werden meine Dateien hochgeladen?

Nein. Frames werden direkt in deinem Browser extrahiert, freigestellt und gepackt, daher verlassen dein Video und deine Bilder nie dein Gerät. Bei der ersten Nutzung der KI-Hintergrundentfernung lädt dein Browser einmalig das KI-Modell (ca. 91 MB) herunter und behält es für das nächste Mal.

Wie mache ich aus einem Video ein Sprite Sheet?

Füge das Video hinzu, wähle die Bilder pro Sekunde sowie Start und Ende der Bewegung und lade dann das Sheet herunter. 8 bis 12 fps reichen für die meisten Spielanimationen; eine Schleifenbewegung wie Gehen oder Rennen dauert meist eine halbe bis eine Sekunde.

Kann ich aus einem GIF ein Sprite Sheet machen?

Ja. Füge ein animiertes GIF oder WebP hinzu, und seine Frames werden mit ihrem eigenen Timing gelesen. Manche Browser können keine animierten Bilder lesen; nutze Chrome oder Edge oder füge die Frames als PNG-Dateien hinzu.

Wie entferne ich den Hintergrund aus jedem Frame?

Wähle „KI-Entfernung“ und klicke auf „Hintergrund entfernen“: Die KI schneidet die Figur aus jedem Frame frei. Bei einem Greenscreen oder einfarbigem Hintergrund geht „Farbschlüssel“ sofort.

Warum wackelt meine Figur im Spiel?

Werden Frames einzeln zugeschnitten, verschiebt sich die Figur innerhalb jedes Frames. „Auf Inhalt zuschneiden“ nutzt eine gemeinsame Box um die Figur in allen Frames, und Frames fester Größe lassen sie auf der unteren Kante stehen, sodass sie an ihrem Platz bleibt.

Welches JSON-Format wird exportiert?

JSON im TexturePacker-Stil, als Hash oder Array, mit Position und Größe jedes Frames, seiner Dauer und einer Animation, die die Frames auflistet. Phaser und PixiJS laden es direkt. Rastergröße, Abstand und fps sind ebenfalls enthalten, für Engines, die nach Raster zerlegen.

Kann ich Pixel-Art-Sprite-Sheets machen?

Ja. Aktiviere „Pixel Art“, um mit scharfen Kanten statt mit Glättung zu skalieren, und wähle eine Skalierung wie 200 % oder 400 %. Lege für einen klassischen Look eine feste Frame-Größe wie 32 × 32 oder 64 × 64 fest.

Wie viele Frames kann ein Sheet haben?

Bis zu 150 Frames und ein Sheet mit bis zu 8192 px pro Seite. Größere Frames lassen Platz für weniger; senke die fps oder wähle eine kleinere Frame-Größe, damit mehr hineinpassen.

Woher bekomme ich eine Animation meiner eigenen Figur?

Erstelle die Figur mit dem KI-Bildgenerator, bring sie dann mit der KI-Bewegungsgalerie oder dem KI-Avatar-Generator in Bewegung und hole den Clip hierher.

Alle kostenlosen Tools