Wie teile ich ein 2D-Sprite-Kachelset in einzelne Sprites auf?

Ich sehe viele Sprite-Kataloge für Spiele, die als einzelnes PNG-Bild bereitgestellt werden, wie das folgende.

Ich bin interessiert, ob ich daraus manuell Kacheln erstellen muss oder ob es ein Programm gibt, das es für mich in verschiedene Kachelkombinationen aufteilen kann. In Anbetracht der folgenden Fliesenkombination muss ich beispielsweise eine flache Grasoberfläche und 8 andere Kombinationen mit verschiedenen Kanten erstellen. Gibt es etwas, das diese Aufgabe automatisieren kann?

Gehen Sie zu piskelapp.com und wählen Sie "Neues Piskel erstellen". Klicken Sie auf das Menü rechts und wählen Sie "Eigenes Bild importieren". Wählen Sie es aus und geben Sie die Größe jeder Kachel ein. Nachdem Sie die Bearbeitung abgeschlossen haben, wählen Sie In separate Bilder exportieren. Erledigt!

Wenn Sie sich mit einem tileset beginnend mit regelmäßigen Abmessungen und Layout (wie in Ihrem Beispiel ), und Ihr Ziel ist es , Fliesen Karten in erstellen Fliesen- , gibt es keine Notwendigkeit, Tools von Drittanbietern zu verwenden. Tiled unterstützt diese nativ und einfach.

Es gibt einige Tutorials zur Verwendung von Tiled wie diesem , aber es ist sehr einfach:

• Erstellen Sie eine neue Karte, wählen Sie deren Abmessungen und Kachelgröße

• Fügen Sie ein neues Kachelset aus der Datei hinzu, geben Sie die Kachelgröße und gegebenenfalls den Rand / Abstand ein (im Beispiel ist keines vorhanden).

  

• Malen Sie Fliesen. Ihr geladenes Kachelset befindet sich in der Seitenleiste.

  

Es gibt auch andere nützliche Funktionen in Tiled; die Bäume Sie in der tileset sehen werden als separate Fliesen geladen werden, aber Sie können Fliesen die Verwendung Pinsel verfügt über die Bäume in einem Rutsch zu ziehen. Es gibt auch das Terrain-Tool, mit dem Sie Kachelübergänge malen können, nachdem Sie die Randkacheln definiert haben.

Von dort aus ist es am besten, die Kachelkarten als Ganzes über die Frameworks zu behandeln, die TMX-Karten unterstützen , und nicht einzelne Kacheln. Sie würden beispielsweise Kachelebenen laden und rendern oder alle "Wand" -Kacheln in derselben Ebene zeichnen und eine Ebenenkollision durchführen. Es ist normalerweise nicht erforderlich, ein ordnungsgemäß erstelltes Kachelset in einzelne Kacheln aufzuteilen.

Nach einigem Kämpfen fand ich diese Information:

1) Shoebox ist eine App, die die Karte wie in der Frage aufgeführt aufnimmt und versucht, Sprites zu extrahieren , normalerweise ein ganzes Stück Land

2) Als nächstes wollte ich dieses Bild in 9 Kacheln aufteilen und sie in verschiedenen Kombinationen wieder zusammensetzen. Shoebox scheint auch dazu in der Lage zu sein ( Extract Tiles ). Dadurch werden TMX-Dateien erstellt

3) Es scheint, dass der nächste Schritt darin besteht, die resultierende .TMX-Karte in einen Kachelkarten-Editor wie Tiled: http://www.mapeditor.org/download.html zu importieren . Aus dem Video geht hervor, dass ich in der Lage sein würde, Kacheln neu anzuordnen und verschiedene Kombinationen zu erstellen, die ich benötige.

Es scheint, dass ShoeBox einen Fehler auf dem Mac hat, bei dem der Ordnername vor dem PNG-Dateinamen (Zeile 4) in der TMX-Datei angehängt wird. Daher musste ich ihn manuell entfernen:

name="[REMOVE FOLDER]base_.... 

Liste der Frameworks, die TMX-Maps unterstützen: https://github.com/bjorn/tiled/wiki/Support-for-TMX-maps