Apresentamos o Robot /image/merge para folhas de sprites
Há pouco tempo, lançamos nosso Robot /file/hash, e já chegou a hora de anunciar o lançamento do nosso próximo Robot: /image/merge.
Como você talvez já tenha imaginado, este Robot vai receber várias imagens e, bem… combiná-las. Ele vai gerar uma única folha de sprites com todas as suas imagens de entrada alinhadas na horizontal ou na vertical.
Vamos ver mais de perto 🔎
Criar um Template
O Robot /image/merge funciona muito bem com /image/resize. Vamos aproveitar essa combinação no nosso Template abaixo para redimensionar todas as imagens para as mesmas dimensões e manter nossa folha de sprites uniforme.
No nosso Step de combinação, usamos o parâmetro bundle_steps para processar todas as
imagens redimensionadas em um único lote. Também vamos usar o parâmetro border para adicionar um pequeno espaçamento
entre as imagens.
{
"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"
}
}
}
Depois de fornecer algumas imagens de banco de imagens, chegamos a este resultado. É simples assim.
Isso é tudo, pessoal!
Bem, chegamos ao fim da nossa breve apresentação de hoje sobre /image/merge, o Robot. Adoraríamos ver como você o incorpora ao seu fluxo de trabalho e também queremos saber o que você achou dele!