GIF zu Sprite-Sheet
Eine Animation als GIF? Hol sie dir als Sprite-Sheet zurück, das deine Engine nutzen kann.
Kostenlos, ohne Anmeldung. Es läuft in deinem Browser: Deine Dateien verlassen nie deinen Computer, und das Tool funktioniert offline, sobald die Seite geladen ist.
So verwendest du es
- Leg ein animiertes GIF auf das Feld.
- Wähle, wie viele Frames in eine Reihe kommen (oder ein langer Streifen).
- Lade das PNG-Sheet herunter und das JSON mit Position und Dauer jedes Frames.
Was du bekommst
Ein PNG mit jedem Frame des GIFs der Reihe nach auf einem Raster und eine JSON-Datei in dem Layout, das Aseprite und viele Engines lesen: das Rechteck jedes Frames und wie lange er angezeigt wird. Frames werden so zusammengesetzt, wie ein Browser das GIF abspielt; Frames, die nur speichern, was sich geändert hat, kommen also vollständig heraus.
Warum ein GIF umwandeln?
Game-Engines spielen Sprite-Sheets ab, keine GIFs. Sheets laden schneller, behalten die exakten Pixel und lassen das Spiel das Tempo wählen. Gibt es eine Animation nur als GIF – eine Vorschau, die dir jemand geschickt hat, ein altes Asset –, holt dies sie zurück.
Tipps
- GIFs haben bis zu 256 Farben und Transparenz nur an oder aus: Das Sheet behält genau, was das GIF enthält.
- Frame-Zeiten in GIFs sind in Hundertstelsekunden angegeben, im JSON in Millisekunden.
Sprites aus 3D-Modellen machen? Pixor rendert ein Modell zu Pixel-Art-Sheets von jeder Seite, Frame für Frame, und schreibt GIFs, Aseprite-Dateien und Engine-Formate selbst. So funktioniert’s.
Pixor kostenlos testenWeitere kostenlose Tools
- GLB- und glTF-Viewer: Öffne ein 3D-Modell, umkreise es, spiele seine Animationen ab und sieh, was damit nicht stimmt.
- Sprite-Sheet zu GIF: Mach aus einem Sprite-Sheet ein animiertes GIF oder APNG, pixelgenau.
- Sprite-Sheet-Zerteiler: Schneide ein Sheet in Frames, nach Raster oder nach den Lücken zwischen den Sprites.
- Pixel-Art-Skalierer: Skaliere Pixel Art 2× bis 16× ohne Unschärfe, für Posts und Stores.
- Auf eine Palette reduzieren: Ordne jedes Pixel einer Palette zu: einer Lospec-Palette, einer .gpl oder deiner eigenen.
- Sprite-Sheet-Ersteller: Packe Frames in ein Sheet, mit einer JSON, die deine Engine liest.