Toolipedia Einbetten
DE
← Alle Text-Tools

Sprite-Sheet-Ersteller

Bilder oder Frames zu einem Sprite Sheet kombinieren, mit CSS und JSON.

  • Kostenlos
  • Ohne Anmeldung
  • Funktioniert auf jedem Gerät

Über Sprite-Sheet-Ersteller

Kombinieren Sie viele kleine Bilder oder Animationsframes zu einem Sprite-Sheet, zusammen mit passendem CSS und JSON-Koordinaten. Das Laden einer einzigen Datei statt Dutzender verringert die Anfragen und hält Spiel- oder UI-Animationen synchron. Halten Sie alle Frames gleich groß, damit das Raster vorhersehbar bleibt.

So verwenden Sie Sprite-Sheet-Ersteller

  1. Füge die Bilder oder Einzelbilder hinzu, die du kombinieren möchtest.
  2. Lege die Spalten und den Abstand zwischen den Einzelbildern fest.
  3. Speichere das Sprite-Sheet und kopiere das zugehörige CSS oder JSON.

Warum dieses Tool?

Auch bekannt als

Häufig gestellte Fragen

Wofür dient die JSON-Ausgabe?

Es listet Name, Position und Größe jedes Frames innerhalb des Sheets auf. Game-Engines wie Phaser lesen es, um den richtigen Frame auszuschneiden, ohne dass Sie Koordinaten von Hand eingeben müssen.

Müssen alle Einzelbilder dieselbe Größe haben?

Am besten ist es, wenn sie es tun. Gleiche Bildgrößen machen das Raster regelmäßig, sodass das CSS oder der Spielcode jedes Einzelbild per einfacher Positionsrechnung finden kann.

Wie viele Spalten sollte ich wählen?

Es gibt keine feste Regel. Ein annähernd quadratisches Blatt lässt sich leicht handhaben, wähle also Spalten nahe der Quadratwurzel deiner Einzelbildanzahl und halte das Blatt innerhalb der Texturgrenzen deiner Engine.

Ist Sprite-Sheet-Ersteller kostenlos?

Ja. Sprite-Sheet-Ersteller auf Toolipedia ist kostenlos nutzbar, ohne Anmeldung und ohne Wasserzeichen.

Ist die Nutzung sicher?

Ja. Alles wird in Ihrem Browser berechnet, und nichts von Ihren Eingaben wird an unseren Server gesendet.

Funktioniert es auf meinem Smartphone?

Ja. Es funktioniert in jedem modernen Browser auf Android und iPhone sowie auf Tablets und Computern. Sie müssen nichts installieren.

Brauche ich ein Konto?

Nein. Öffnen Sie einfach die Seite und nutzen Sie das Tool. Keine Anmeldung, keine E-Mail-Adresse nötig.

Ähnliche Tools