Mehrdatei-Eingabe
Füge pro Auswahl bis zu 64 PNG-, JPG- oder WebP-Frames hinzu.
Sprache: Deutsch
Sprite-Sheet-Packer für PNG-Atlasse
Ordne bis zu 64 Sprite-Frames in einem Atlas mit gleichmäßigem Raster an und exportiere passende JSON-Koordinaten.
Kostenlos0 CreditsPNG-Atlas + JSON
Lädt der Sprite-Sheet-Packer meine Frames hoch?
Nein. Bis zu 64 Frames bleiben im Browser und werden in einem einheitlichen Raster angeordnet. Du erhältst ein PNG-Atlas plus JSON-Koordinaten; Frames werden nicht zugeschnitten oder rotiert.
LIVE-WORKSPACE
Lokal arbeiten. Sauber exportieren.
Dieses Tool läuft in deinem Browser. Deine Dateien bleiben auf deinem Gerät und es werden keine Generierungs-Credits verbraucht.
Quelle & Einstellungen01
Private lokale Verarbeitung0 Credits
Mindestens zwei Frames hinzufügen
Das Tool läuft lokal. Deine Grafik wird nicht hochgeladen und es werden keine Credits verwendet.
IM SPIEL
Sieh die Assets als Spiel.
Erkunde Gameplay, Handheld-Nutzung und abgestimmte Designs. Diese KI-generierten Konzepte zeigen visuelle Möglichkeiten; prüfe deine eigenen Assets und Engine-Imports vor dem Release.
Eine einheitliche Art Direction für das ganze Spiel
Prüfe die spielbare Szene mit Charakteren, Gelände, Items und Interface als ein abgestimmtes Design.
Eine Figur in verschiedenen Richtungen und Aktionen
Vergleiche die Proportionen, Farben und Aktionssilhouetten der Figur mit ihrer Umgebung.
Kampf, Items und Interface in einer Szene
Beurteile in derselben Gameplay-Szene die Sichtbarkeit von Effekten, Item-Icons und den Kontrast der Benutzeroberfläche.
Ein praktisches Beispiel
Acht gleich große Frames packen
Nutze eine konkrete Eingabe, prüfe die Ausgabe und schau dir die aktuellen Grenzen an, bevor du den nächsten Schritt wählst.
Beispiel-Eingabe
Lade die acht Demo-Frames unten herunter und entpacke sie. Jedes transparente PNG ist 32 × 32 Pixel groß.
Was prüfen
- Wähle alle acht PNG-Frames in Reihenfolge und stelle dann den Atlas auf 4 Spalten ein.
- Vorschau prüfen: Vier 32-Pixel-Zellen nebeneinander und zwei Zellen übereinander ergeben einen 128 × 64-Atlas.
- Lade das Atlas-PNG und das JSON herunter. Prüfe, ob der erste Frame bei x: 0, y: 0 beginnt und der fünfte bei x: 0, y: 32.
Erwartete Ausgabe
Acht Eingaben à 32 × 32 in vier Spalten ergeben ein 128 × 64 PNG-Atlas plus JSON-Frame-Koordinaten.
Aktuelle Limits
Der lokale Packer verwendet ein gleichmäßiges Raster basierend auf der größten Eingabe, akzeptiert bis zu 64 Dateien und erhält die Frame-Grenzen. Er trimmt, rotiert oder polstert nicht und führt kein optimales Bin Packing aus.
Offizielle Workflow-Referenzen
Prüfe beim Vorbereiten deines eigenen Imports die Dokumentation der Engine oder des Editors. Diese Quellen beschreiben Datei- und Wiedergabeverhalten, keine Empfehlung für PixelBox.
Herausgeber und Support
Inhalt aktualisiert:
Veröffentlicht und gepflegt von LlamaGen. Diese Seite beschreibt die aktuellen PixelBox-Steuerungen und Exportformate. Wende dich an das Team bei falschen Angaben oder Exportproblemen.
01 / WARUM ES FUNKTIONIERT
Für die Produktion gemacht, nicht nur für Vorschauen.
Vorhersehbares Layout
Wähle eine Spaltenanzahl. Jede Zelle verwendet die größte Eingabe-Breite und -Höhe, und die Frames behalten ihre Originalgröße.
Metadaten enthalten
Frame-Namen, Koordinaten und Abmessungen als JSON exportieren.
Vom Quellbild zum klar beschrifteten Ergebnis.
Frames hinzufügen
Wähle deine Animations- oder Asset-PNG-Dateien in der richtigen Reihenfolge aus.
Spalten wählen
Lege das Atlas-Layout fest und prüfe die generierte Vorschau.
Beide Dateien exportieren
Lade das Atlas-PNG und seine JSON-Koordinaten herunter.
03 / FAQ
Kläre die Begriffe, bevor du erstellst.
Sind meine Frames hochgeladen?
Nein. Das Packen läuft im Browser und die Dateien bleiben auf deinem Gerät.
Welches JSON-Format wird verwendet?
Der Export enthält einen Bildnamen, Atlas-Abmessungen und Frame-Objekte mit x, y, width und height. Gib jedem Frame einen eindeutigen Dateinamen, damit jeder JSON-Eintrag getrennt bleibt.
Schneidet es transparente Pixel ab?
Nein. Der Raster-Packer behält die ursprünglichen Frame-Grenzen bei und rotiert keine Frames oder optimiert freien Raum. Verwende den Sprite-Sheet-Slicer, wenn du seine Zuschneide- und Padding-Steuerung brauchst.