Erstellen Sie ein PNG-Sprite-Sheet und eine JSON-Karte

Ordnen Sie zwei bis vierundsechzig unterstützte Rasterbilder in festen Zellen an und laden Sie ein PNG plus eine JSON-Koordinatenkarte mit Ursprung oben links in einer ZIP-Datei herunter.

Wenn dieses Tool nützlich ist

Packen Sie kleine Spiel-Sprites, Symbole, Miniaturansichten oder UI-Zustände in eine vorhersehbare Bitmap mit maschinenlesbaren Zellkoordinaten.

So funktioniert die lokale Verarbeitung

Eingaben bleiben in der ausgewählten Reihenfolge, Spalten werden durch die tatsächliche Eingabeanzahl begrenzt, jeder Frame erhält eine feste Zelle, enthält Mittelpunkte des gesamten Bildes und deckt Füllungen und Zuschnitte ab, Lücken behalten den gewählten RGBA-Hintergrund und die ZIP-Datei enthält sprite-sheet.png plus deterministische sprite-sheet.json-Koordinaten.

Wie man es benutzt

  1. Bereiten Sie die Quelle vor: Packen Sie kleine Spiel-Sprites, Symbole, Miniaturansichten oder UI-Zustände in eine vorhersehbare Bitmap mit maschinenlesbaren Zellkoordinaten.
  2. Lokal verarbeiten: Eingaben bleiben in der ausgewählten Reihenfolge, Spalten werden durch die tatsächliche Eingabeanzahl begrenzt, jeder Frame erhält eine feste Zelle, enthält Mittelpunkte des gesamten Bildes und deckt Füllungen und Zuschnitte ab, Lücken behalten den gewählten RGBA-Hintergrund und die ZIP-Datei enthält sprite-sheet.png plus deterministische sprite-sheet.json-Koordinaten.
  3. Herunterladen und überprüfen: Extrahieren Sie beide Dateien, überprüfen Sie die PNG-Abmessungen, den Ursprung oben links, die Frame-Reihenfolge und die Zellenrechtecke anhand des JSON, überprüfen Sie die Innenabstände oder Deckfrüchte und laden Sie die Karte in die nutzende Anwendung.

Wichtige Einschränkungen

Das PNG ist ein abgeflachtes Rasterblatt: Animationen, Vektoren, Ebenen, Quellmetadaten, unabhängige Container und Farbprofilabsichten werden nicht beibehalten. Cover kann Kanten beschneiden, enthalten kann Hintergrund hinterlassen und es gelten Quell-, Gesamtpixel-, Leinwand-, Speicher-, PNG-, JSON- und ZIP-Grenzwerte.

Überprüfen Sie das heruntergeladene Ergebnis

Extrahieren Sie beide Dateien, überprüfen Sie die PNG-Abmessungen, den Ursprung oben links, die Frame-Reihenfolge und die Zellenrechtecke anhand des JSON, überprüfen Sie die Innenabstände oder Deckfrüchte und laden Sie die Karte in die nutzende Anwendung.

Von Natur aus privat

Ihre Dateien bleiben in diesem Browser. Das Tool lädt die Quelle oder Ausgabe nicht auf unsere Server hoch.

Fragen und Antworten

Wann ist dieses Tool nützlich?

Packen Sie kleine Spiel-Sprites, Symbole, Miniaturansichten oder UI-Zustände in eine vorhersehbare Bitmap mit maschinenlesbaren Zellkoordinaten.

Was macht der Browser eigentlich?

Eingaben bleiben in der ausgewählten Reihenfolge, Spalten werden durch die tatsächliche Eingabeanzahl begrenzt, jeder Frame erhält eine feste Zelle, enthält Mittelpunkte des gesamten Bildes und deckt Füllungen und Zuschnitte ab, Lücken behalten den gewählten RGBA-Hintergrund und die ZIP-Datei enthält sprite-sheet.png plus deterministische sprite-sheet.json-Koordinaten.

Welche Grenzen muss ich verstehen?

Das PNG ist ein abgeflachtes Rasterblatt: Animationen, Vektoren, Ebenen, Quellmetadaten, unabhängige Container und Farbprofilabsichten werden nicht beibehalten. Cover kann Kanten beschneiden, enthalten kann Hintergrund hinterlassen und es gelten Quell-, Gesamtpixel-, Leinwand-, Speicher-, PNG-, JSON- und ZIP-Grenzwerte.

Wie soll ich das Ergebnis überprüfen?

Extrahieren Sie beide Dateien, überprüfen Sie die PNG-Abmessungen, den Ursprung oben links, die Frame-Reihenfolge und die Zellenrechtecke anhand des JSON, überprüfen Sie die Innenabstände oder Deckfrüchte und laden Sie die Karte in die nutzende Anwendung.

Verwandte Tools