Presentamos el Robot /image/merge para spritesheets

Joseph Grabski

Responsable de contenidos · Rochester, Reino Unido · Mostrar bio

Hace muy poco lanzamos nuestro /file/hash Robot, y ya es momento de anunciar la llegada de nuestro próximo Robot: /image/merge.

Como quizá ya hayas adivinado, este Robot tomará varias imágenes que le proporciones y, bueno… las fusiona. Generará un único sprite sheet con todas tus imágenes de entrada en una línea horizontal o vertical.

Veámoslo más de cerca 🔎

Crear un Template

El Robot /image/merge combina a la perfección con /image/resize. Aprovecharemos esto en nuestro Template de más abajo, para redimensionar todas nuestras imágenes a las mismas dimensiones y mantener uniforme nuestro spritesheet.

Dentro de nuestro Step de fusión, usamos el parámetro bundle_steps para procesar todas nuestras imágenes redimensionadas en un solo lote. También usaremos el parámetro border para dejar un pequeño espacio de relleno entre cada una de nuestras imágenes.

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

Tras darle algunas imágenes de archivo, obtenemos este resultado. Es realmente así de fácil.

¡Eso es todo, amigos!

Bueno, aquí termina nuestro breve vistazo de hoy al Robot /image/merge. Nos encantaría ver cómo lo incorporas a tu flujo de trabajo y nos interesa mucho conocer tu opinión al respecto.