Wir stellen den Robot /image/merge für Spritesheets vor

Joseph Grabski

Content-Leiter · Rochester, Vereinigtes Königreich · Bio anzeigen

Erst kürzlich haben wir unseren /file/hash-Robot veröffentlicht, und schon ist es an der Zeit, den nächsten Robot anzukündigen - /image/merge.

Wie Sie vielleicht schon vermutet haben, nimmt dieser Robot mehrere Bilder entgegen und … führt sie zusammen. Er gibt ein einziges Sprite Sheet aus, in dem alle Ihre Eingabebilder in einer horizontalen oder vertikalen Reihe angeordnet sind.

Schauen wir uns das genauer an 🔎

Ein Template erstellen

Der Robot /image/merge harmoniert hervorragend mit /image/resize. Das nutzen wir im folgenden Template, um alle unsere Bilder in der Größe an dieselben Abmessungen anzupassen und so ein einheitliches Spritesheet zu erhalten.

In unserem Step zum Zusammenführen verwenden wir den Parameter bundle_steps, um alle in der Größe angepassten Bilder in einem Durchgang zu verarbeiten. Außerdem verwenden wir den Parameter border, um einen kleinen Abstand zwischen den einzelnen Bildern einzufügen.

{
  "steps": {
    "resize": {
      "use": ":original",
      "robot": "/image/resize",
      "height": "500",
      "width": "750",
      "resize_strategy": "fillcrop"
    },
    "merge": {
      "use": {
        "steps": ["resize"],
        "bundle_steps": true
      },
      "border": 10,
      "direction": "horizontal",
      "format": "png",
      "robot": "/image/merge"
    }
  }
}

Nachdem wir ihm einige Stockfotos übergeben haben, erhalten wir dieses Ergebnis. So einfach ist das.

Das war's, Leute!

Damit endet unser kurzer Blick auf den Robot /image/merge für heute. Wir würden gerne sehen, wie Sie ihn in Ihren Workflow einbinden, und freuen uns über Ihr Feedback dazu!