Zieh einen Ordner mit Sprites hierher und du bekommst eine dicht gepackte Textur und eine Datendatei, die deiner Engine sagt, wo jedes Sprite liegt. Nichts verlässt dein Gerät.
Wird auf deinem Gerät erstellt. Deine Bilder werden nie hochgeladen.
So funktioniert es
Wähle die Bilder aus, zieh sie hierher oder füge sie ein, oder zieh den Ordner hierher, in dem sie liegen. Sie dürfen alle unterschiedlich groß sein.
Stell den Abstand ein, schneide leere Ränder ab und wähle die Datendatei, die deine Engine liest. Das Sheet aktualisiert sich dabei laufend.
Es enthält das Atlas-PNG und die Datei, die sagt, wo jedes Sprite liegt.
Sprite-Atlas-Packer
Sprites jeder Größe werden mit wenig Verschnitt zusammengefügt, nie gedreht, nie skaliert.
Der leere Raum um jedes Sprite wird weggelassen und festgehalten: Der Atlas wird kleiner, und nichts verrutscht.
JSON für Phaser, PixiJS und Engine-Importer oder eine Unity-.meta, die die Textur für dich zerschneidet.
Alles passiert in deinem Browser, deine Bilder bleiben also auf deinem Gerät.
Im Detail
Jedes einzelne Bild, das ein Spiel zeichnet, kostet die Grafikkarte einen Texturwechsel. Packt man viele Sprites in ein Bild, den Atlas, kann die Engine sie zusammen zeichnen; das läuft schneller und lädt zügiger als hundert kleine Dateien.
Der Packer fügt Sprites unterschiedlicher Größe wie ein Puzzle zusammen, die größten zuerst, und hält fest, wo jedes gelandet ist. Sprites werden nie gedreht oder skaliert, sie sehen also genau so aus, wie du sie gezeichnet hast.
JSON, Frames nach Name ist das Format, das TexturePacker verbreitet hat. Phaser und PixiJS laden es direkt, und für Godot, GameMaker und die meisten anderen Engines gibt es Importer. JSON, Liste der Frames enthält dieselben Daten als geordnete Liste.
Godot (.tres) schreibt pro Sprite eine AtlasTexture-Datei, die seinen Namen trägt. Kopier sie zusammen mit dem PNG in einen Ordner deines Projekts und nimm jede davon als Textur, zum Beispiel in einem Sprite2D. Ein Importer-Plugin ist nicht nötig, und abgeschnittene Sprites behalten ihre ursprüngliche Größe.
Unity (.png.meta) ist Unitys eigene Importdatei. Kopier sie neben das PNG ins Projekt, und die Textur kommt in benannte Sprites zerschnitten an, mit Punktfilterung und ohne Kompression, wie Pixel-Art es braucht.
Sprite-Atlas-Packer
Nein. Alles läuft in deinem Browser, auf deinem eigenen Gerät. Deine Bilder werden nie an Moriqa oder sonst jemanden gesendet, und nach dem Schließen der Seite bleibt nichts gespeichert.
Füge deine Sprites hinzu, wähle einen Abstand und eine Datendatei und lade das ZIP herunter. Es enthält das Atlasbild und seine Daten.
Bis zu 4096 × 4096 Pixel, eine Größe, die jedes aktuelle Gerät laden kann, und bis zu 1000 Sprites. Passen die Sprites nicht, sagt das Werkzeug das.
Ein Spritesheet ist meist ein Raster gleich großer Frames einer Animation. Ein Atlas packt Bilder jeder Größe dorthin, wo sie passen, und braucht seine Datendatei, um gelesen zu werden.
Gedrehte Sprites lassen sich etwas dichter packen, aber viele Importer unterstützen sie nicht. Bleibt jedes Sprite aufrecht, ist der Atlas überall lesbar.
Ja. Benenne die Dateien der Reihe nach, etwa walk_01 und walk_02, dann behalten sie diese Namen in der Datendatei. Für ein einfaches Raster gleich großer Frames nimm stattdessen Spritesheet zu GIF und speichere als Spritesheet.
Öffne den Pixel-Art-Editor von Moriqa, um sie zu zeichnen und zu animieren, und exportiere dann Spritesheets für Godot, Unity und GameMaker. Kostenlos in deinem Browser.
