Présentation du Robot /image/merge pour les feuilles de sprites

Joseph Grabski

Responsable du contenu · Rochester, Royaume-Uni · Afficher la bio

Nous avons récemment publié notre Robot /file/hash, et il est déjà temps d’annoncer la sortie de notre prochain Robot - /image/merge.

Comme vous l’avez peut-être déjà deviné, ce Robot prend plusieurs images que vous lui fournissez et… les fusionne. Il produit une seule feuille de sprites regroupant toutes vos images d’entrée sur une ligne horizontale ou verticale.

Regardons cela de plus près 🔎

Créer un Template

Le Robot /image/merge se combine très bien avec /image/resize. Nous allons en tirer parti dans notre Template ci-dessous pour redimensionner toutes nos images aux mêmes dimensions afin d’obtenir une feuille de sprites uniforme.

Dans notre Step de fusion, nous utilisons le paramètre bundle_steps pour traiter toutes nos images redimensionnées en un seul lot. Nous utilisons aussi le paramètre border pour ajouter un petit espace entre nos images.

{
  "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"
    }
  }
}

Après lui avoir fourni quelques images de banque d’images, nous obtenons ce résultat. C’est aussi simple que cela.

Et voilà, c’est tout !

Voilà qui conclut notre bref aperçu du Robot /image/merge pour aujourd’hui. Nous aimerions beaucoup voir comment vous l’intégrez à votre flux de travail et serions ravis de connaître votre avis !