Создание спрайтов изображений при помощи imageMagick

В одном из проектов понадобились анимированные изображения, но так, чтобы анимация запускалась при нажатии на кнопку или при других событиях, а не прокручивалась постоянно. При этом формат gif не подходит, так как нужны полноцветные картинки, потому использую png, а кадры выстроить в ряд и сменять их при помощи изменения CSS background-position. Но собирать в редакторе не хотелось: кадры прозрачные, замучишься стыковать один к другому.

При помощи пакета imageMagick это делается в одну строчку:

montage -background transparent -tile 10x1 -geometry 100x200 money01.png money02.png money03.png money04.png money05.png money06.png money07.png money08.png money09.png money10.png money.png

где montage – одна из программ imagick, -tile 10×1 – по 10 кадров в строке в 1 строку, -geometry 100×200 – ширина и высота кадров в результирующем файле, money01.png … money10.png – исходные файлы кадров (могут быть разных размеров), money.png – файл результата (соответственно, получится файл размера 1000×200).

Leave a Reply

Your email address will not be published. *
You may use these HTML tags and attributes: <a href="" title=""> <abbr title=""> <acronym title=""> <b> <blockquote cite=""> <cite> <code> <del datetime=""> <em> <i> <q cite=""> <s> <strike> <strong>