Как засунуть 2 мб в 300 кб и немного уменьшить головную боль

Всем привет.

Этот пост провисел в черновиках два или три месяца. Я всё ждал, когда же я причешу скрипт, который я в нем упоминаю. В общем я пришел к выводу, что скрипт я причесывать не буду за ненадобностью, и так работает :-)

Я компилирую игры с помощью Flex SDK, использую растровую графику. Она, как известно занимает много места, особенно в формате PNG, т.к. он не поддерживает сжатие с потерями. Но этот формат является фактически единственным выбором, если нужны картинки с альфа-каналом. Мой выход из этой ситуации, и именно об этом этот пост, сохранить картинку как два JPEG файла, с цветовой информацией и с альфаканалом. Причем альфаканал можно сжать очень сильно — артефакты сжатия в альфаканале практически незаметны.

Кроме того, очень часто анимация попадает ко мне в виде кучи файлов с именами вида «0001.png», «0002.png» и так далее по числу кадров. Например Блендер выдает картинки именно так. Эмбедить все это в таком виде — просто морока, на каждый файл надо написать [embed] тэг, класс и что-нибудь еще. Гораздо проще и удобнее иметь один файл на анимацию и один раз его прописывать. Это к вопросу об уменьшении головной боли. И кстати и общий размер файлов также уменьшается, за счет заголовков, сжатия всего вместе, а не по отдельности и т.д.

В одном случае мне и правда удалось сжать 2 мб исходных файлов в 300 кб. А позже и того меньше, но это уже не задокументировано :-)

Как же это всё сделать?
По сути нужно сделать две вещи: разобрать исходные картинки на цвет и альфаканал, одновременно объединив их в одну единую картинку, и потом собрать их обратно во флешке.

Первую задачу я решил на Питоне. Никто не мешает сделать ее как угодно еще. Я лично планирую сделать редактор для новой игры на Adobe AIR и включить эту функциональность в него. Тем не менее расскажу пока про Питон. Для выполнения скрипта нужен сам Python 2.x и библотека PIL для соответствующей версии Python.

Скрипт:

import Image

path = "c:\\tmp\\"
number = 10

image = Image.open(path + "0001.png");
width = image.size[0]
height = image.size[1]
newWidth = width*number

newImage = Image.new("RGBA", (newWidth, height))

for i in range(number):
    image = Image.open(path + repr(i+1).zfill(4) + ".png")
    print i, image.size, image.mode
    box = (i*width, 0, (i+1)*width, height)
    newImage.paste(image, box)

newImage.save(path + "color.jpg", quality = 85)

box = 0, 0, newWidth, height
r,g,b,a = newImage.split()
a.save(path + "alpha.jpg", quality = 15)

Он берет файлы из указанной директории с именами типа 0001.png и так далее в указанном количестве. Считает, что все файлы одного размера в пикселях. И сохраняет результат в текущей директории. Не бейте меня за плохой стиль: этот скрипт работает — чего же боле? Конечно, если бы я писал этот скрипт сегодня, он был бы красивее.

Во флеше все тоже очень просто: (код слегка обновлен по результатам обсуждения)

public static function createFromJpegs(color:Class, alpha:Class):BitmapData
{
  var colorBmp:BitmapData = (new color).bitmapData
  var alphaBmp:BitmapData = (new alpha).bitmapData
  
  var bmp:BitmapData = new BitmapData(colorBmp.width, colorBmp.height);
  var rc:Rectangle = colorBmp.rect;
  var pt:Point = new Point();
  bmp.copyPixels(colorBmp, rc, pt);
  bmp.copyChannel(alphaBmp, rc, pt, BitmapDataChannel.RED, BitmapDataChannel.ALPHA);
  
  colorBmp.dispose();
  alphaBmp.dispose();
  
  return bmp;
}
[Embed(source = '../media/Foo/alpha.jpg')]private static var fooAlpha:Class;
[Embed(source = '../media/Foo/color.jpg')]private static var fooColor:Class;
public static var fooBmd:BitmapData = createFromJpegs(fooColor, fooAlpha);

Применение на свой страх и риск и под свою ответственность
Многие утверждают, что изображения портятся, и использовать их так невозможно и вообще нельзя. С этим сложно согласиться, но и полностью отрицать невозможно: действительно, формат JPEG — это формат сжатия с потерями, и они будут, эти потери. Оценить, подходят ли испорченные JPEG'ом изображения для вашей игры, можете только вы сами. Я лично считаю, что для моих игр — вполне подходят, ну а вы смотрите сами :-)