Einführung
Gepackte Sprite-Sheets sind für die Effizienz des Laufzeit-Renderings von entscheidender Bedeutung, aber manchmal müssen Sie diesen Prozess umkehren. Spielekünstler, Entwickler und Modder müssen häufig einzelne Frames ändern, alte Texturen extrahieren oder Blattkacheln wieder in rohe PNG-Assets aufteilen.
Ein webbasierter Sprite Sheet Unpacker bietet einen sofortigen Pfad ohne Installation, um dies zu erreichen. Anstatt image-Editoren zu öffnen, um Rahmen manuell zuzuschneiden, können Sie Blätter laden und sie mithilfe der automatischen Umrisserkennung, Koordinatendateien oder Kachelgittern in Sekundenschnelle teilen.
In diesem Handbuch wird der Arbeitsablauf zum Online-Entpacken von Texturatlanten, zur Auswahl des richtigen Slicing-Modus und zur Validierung extrahierter Frame-Animationen auf dem Gerät vor dem Export erläutert.
Die wichtigsten Entpackmodi für Texturblätter
Ein produktionsbereiter Entpacker muss mehrere Slicing-Methoden bieten, da Sprite-Sheets unterschiedlich aufgebaut sind. Raster eignen sich perfekt für Retro-Kachelkarten, während für beschnittene Atlanten ohne Raster Koordinatendateien erforderlich sind.
ToolBuddy unterstützt vier Slicing-Methoden, um alle Spiel-Asset-Strukturen abzudecken und Dateien vollständig im lokalen Speicher zu verarbeiten, um Geschwindigkeit und Datenschutz zu gewährleisten.
- Automatische Erkennung: Verfolgt automatisch Pixelgrenzen, um unregelmäßige Formen zu schneiden.
- Konfigurationsparser: Liest JSON-, Plist-, XML- oder Atlas-Dateien, um benannte Koordinaten zu analysieren.
- Rasterteilung: Teilt Blätter nach einheitlichen Zellengrößen mit benutzerdefinierten Versätzen und Rändern.
- Manuelle Auswahl: Ermöglicht das Zeichnen benutzerdefinierter Zuschneiderahmen direkt auf dem Blatt.
So teilen Sie ein Sprite-Sheet Schritt für Schritt in PNG-Frames auf
Beginnen Sie mit der Vorbereitung Ihres Sprite-Sheets image (PNG oder JPG). Wenn Sie über eine Koordinatenmetadatendatei verfügen (z. B. eine aus Texture Packer exportierte Plist oder ein JSON-Blatt), laden Sie diese zusammen mit image hoch. Der Entpacker erkennt automatisch das Format und ordnet die Namen den genauen Regionen zu.
Wenn keine Konfigurationsdatei verfügbar ist, wählen Sie „Automatisch erkennen“, damit der Grenzparser feste Formen umreißen kann, oder geben Sie Zellenabmessungen im „Raster“-Modus ein. Überprüfen Sie die Schnittlinien auf der Leinwand, wählen Sie Frames aus, um Details zu untersuchen, und exportieren Sie die Ergebnisse als zip-Paket.
- Laden Sie Ihr Sprite-Sheet image und optional die Koordinatendatei hoch.
- Wählen Sie Ihren Slicing-Modus (Auto, Konfiguration, Raster oder Manuell).
- Untersuchen Sie geschnittene Rahmenboxen im visuellen interaktiven Viewer.
- Laden Sie die extrahierten Frames herunter, die in einem einzigen ZIP-Ordner gepackt sind.
Validierung von Sprites mit dem integrierten Animationsplayer
Das Auspacken von Frames ist nur die halbe Arbeit; Sie müssen außerdem sicherstellen, dass der Übergang reibungslos verläuft. Mit dem interaktiven Canvas-Player können Sie extrahierte Frames in einer Animationsschleife zusammenstellen und die Wiedergabe vor dem Speichern überprüfen.
Durch Anpassen des FPS-Schiebereglers und Vorschau der Schleifenzustände können Sie fehlende Frames oder Registrierungsversätze direkt im Browser erkennen und so den Versuch und Irrtum beim Engine-Import vermeiden.
- Visueller Animationsschleifen-Compiler für extrahierte Frames.
- Einstellbare Einstellungen für die Wiedergabegeschwindigkeit (FPS).
- Interaktive Vorschaubox mit Schwenk- und Zoomfunktionen.
Koordinatendateiformate verstehen
Metadatenblätter enthalten Anweisungen, die Sprite-Namen Begrenzungsrahmen zuordnen. Wenn Sie Assets rückentwickeln, hilft es, Parser-Warnungen zu beheben, wenn Sie wissen, welches Format Sie haben.
ToolBuddy unterstützt Plist-Blätter für Cocos2d, JSON Hash/Array für Phaser und PixiJS, XML-Blätter für Starling und Textatlasdateien für Spine, um die Koordinatengenauigkeit sicherzustellen.
Integrieren des Entpackens in Ihre Asset-Pipeline
Auf das Auspacken von Blättern folgt oft eine Optimierung. Wenn die Größe der extrahierten Frames reduziert werden muss, können Sie sie über den Image-Kompressor weiterleiten. Wenn Sie sie neu anordnen müssen, importieren Sie sie erneut in Texture Packer, um saubere, optimierte Blätter zu erstellen.
Durch die Verknüpfung dieser Dienstprogramme wird ein vollständiger Asset-Management-Ablauf bereitgestellt, sodass Ihr Entwurfsiterationszyklus schnell und organisiert bleibt und vollständig lokal ausgeführt wird.