Создание спрайтов изображений при помощи 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 10x1 - по 10 кадров в строке в 1 строку, -geometry 100x200 - ширина и высота кадров в результирующем файле, money01.png ... money10.png - исходные файлы кадров (могут быть разных размеров), money.png - файл результата (соответственно, получится файл размера 1000x200).

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>