Форум Flasher.ru

Форум Flasher.ru (http://www.flasher.ru/forum/index.php)
-   ActionScript 3.0 (http://www.flasher.ru/forum/forumdisplay.php?f=83)
-   -   Как правильно сложить BitmapData нужным способом? (http://www.flasher.ru/forum/showthread.php?t=112738)

DEAFFF 06.06.2008 15:18

Как правильно сложить BitmapData нужным способом?
 
Привет!

Есть два объекта BitmapData одинакового размера(bmp1 и bmp2). На них что то нарисовано, это может быть и картинка, не важно.

Нужно получить третий объект BitmapData (bmp3) являющийся результатом сложения двух первых, с таким условием:

Код:

if(bmp2.getPixel(x,y) > bmp1.getPixel(x,y))
{
      bmp3.setPixel(x,y, bmp2.getPixel(x,y));
}

Можно конечно без проблем пробежаться по всем точкам, но это будет очень медленно.

Меня интересует способ сложения BitmapData , будь то комбинация BlendMode или фильтр... или бог знает что :)

Заранее спасибо за ответы!

Psycho Tiger 06.06.2008 15:53

Отрисовать в 3 бмп дату сначало 1, потом 2... или 2, потом 1...
Отрисовывается методом draw

DEAFFF 06.06.2008 15:59

методом draw будет складываться по альфаканалу, а мне нужно по цвету

т.е. если у меня

Код:

color1 = 0xff0000;
color2 = 0xffff00;

то результатом будет


Код:

color3 = color2; //т.к. color2 > color1
Нужен какой то другой способ, более быстрый.

Alex Lexcuk 06.06.2008 16:23

грузим рисунки
http://dnadillo.dn.ua/images/imag/magna_carta_131.JPG
http://dnadillo.dn.ua/images/imag/magna_carta_127.JPG
в бит мапу
ставим бленд моде blendMode="darken";
складываем их
http://dnadillo.dn.ua/fla/in-2-1.swf
http://dnadillo.dn.ua/fla/in-2-1.zip

DEAFFF 06.06.2008 20:56

не помогает...
blendMode он сравнивает по каналам... а мне нужно что бы сразу по всему числу цвета...

MerlinTwi 07.06.2008 11:05

Если по точкам медленно, то можно по байтовому массиву. Надо уточнить, какое время обработки вас устроит.
Здесь в тесте, для двух картинок размером 2400x2400 время генерации результирующей: 2814 мс.
Код:

var bmp1:BitmapData = new TestBmp1(0,0); //2400x2400
var bmp2:BitmapData = new TestBmp2(0,0); //2400x2400

var tm:int = getTimer();

var b1:ByteArray = bmp1.getPixels(bmp1.rect);
var b2:ByteArray = bmp2.getPixels(bmp2.rect);
var b3:ByteArray = new ByteArray();

b1.position=0;
b2.position=0;
var len:int = b1.bytesAvailable / 4;
while (len--) {
        var c1:uint = b1.readUnsignedInt();
        var c2:uint = b2.readUnsignedInt();
        b3.writeUnsignedInt((c1 & 0xFFFFFF) > (c2 & 0xFFFFFF) ? c1 : c2); // не учитывая alpha
}
var bmp3:BitmapData = new BitmapData(bmp1.width, bmp1.height);
b3.position = 0;
bmp3.setPixels(bmp3.rect, b3);

trace("time:", getTimer()-tm); // time: 2814

addChild(new Bitmap(bmp3));


iNils 07.06.2008 12:02

Цитата:

Сообщение от DEAFFF (Сообщение 744152)
blendMode он сравнивает по каналам... а мне нужно что бы сразу по всему числу цвета...

А смысл этой затеи можно узнать? Ведь зеленый цвет всегда больше синего, а красный больше зеленого и результирующий битмап будет более красным, меньше зеленым и еще меньше синим.

DEAFFF 07.06.2008 15:13

Цитата:

Сообщение от MerlinTwi (Сообщение 744255)
Если по точкам медленно, то можно по байтовому массиву. Надо уточнить, какое время обработки вас устроит.
Здесь в тесте, для двух картинок размером 2400x2400 время генерации результирующей: 2814 мс.

Да интересный вариант! Но все равно тут перебор а он кушает очень много времени!

DEAFFF 07.06.2008 15:24

Цитата:

Сообщение от iNils (Сообщение 744266)
А смысл этой затеи можно узнать? Ведь зеленый цвет всегда больше синего, а красный больше зеленого и результирующий битмап будет более красным, меньше зеленым и еще меньше синим.

Мне нужно это, не с точки зрения изображений и цветов или фильтров или смешиваний.

Суть такая есть два массива числовых данных, надо получить третий массив по указанному выше условию...
Просто эти данные рисуются в битмап дате... так быстрее их генерить!
А вот сравнивать не очень быстро...

mikleb 09.06.2008 13:58

Хм у меня получилось получить 3й битмап где то в 4-5 раз быстрее чем через byteArray.

iNils 09.06.2008 14:48

mikleb, запятые придумали, чтобы они облегчали читать текст, а не для того, чтобы их пропускать.

О логике blendMode.

DEAFFF 09.06.2008 15:11

как????

mikleb 09.06.2008 15:13

Цитата:

Сообщение от DEAFFF (Сообщение 744658)
как????

Через бленд моды:)

Вот код
Код:


Map1 = new BitmapData(Cmp1Map.width, Cmp1Map.height);
h1 = new BitmapData(Cmp1Map.width, Cmp1Map.height);
h2 = new BitmapData(Cmp1Map.width, Cmp1Map.height);
h = new BitmapData(Cmp1Map.width, Cmp1Map.height);
var redArray:Array = new Array(256);
var greenArray:Array = new Array(256);
var blueArray:Array = new Array(256);

var redArray2:Array = new Array(256);
var greenArray2:Array = new Array(256);
var blueArray2:Array = new Array(256);

redArray[0] = 0x00000000; greenArray[0] = 0x00000000; blueArray[0] = 0x00000000;
redArray2[0] = 0x00FF0000; greenArray2[0] = 0x0000FF00; blueArray2[0] = 0x000000FF;
for (i = 1; i <= 255; i++)
{
        redArray[i] = 0x00FF0000; greenArray[i] = 0x0000FF00; blueArray[i] = 0x000000FF;
        redArray2[i] = 0x00000000; greenArray2[i] = 0x00000000; blueArray2[i] = 0x00000000;
}

                       
t = getTimer();
               
h1.copyPixels(Cmp2Map, new Rectangle (0,0,h1.width,h1.height),new Point(0,0));
h1.draw (Cmp1Map, null, null, "subtract");
h1.paletteMap(h1, new Rectangle (0, 0, h1.width, h1.height), new Point(0, 0), redArray, greenArray, blueArray);
       
h2.copyPixels(Cmp1Map, new Rectangle (0,0,h2.width,h2.height),new Point(0,0));
h2.draw (Cmp2Map, null, null, "subtract");
h2.paletteMap(h2, new Rectangle (0, 0, h2.width, h2.height), new Point(0, 0), redArray2, greenArray2, blueArray2);
       
h.copyChannel(h1, new Rectangle (0, 0, h1.width, h1.height), new Point (0, 0), BitmapDataChannel.BLUE, BitmapDataChannel.GREEN);
h.draw(h2, null, null, "darken");
h.draw(h1, null, null, "lighten");
               
h.copyChannel(h, new Rectangle (0, 0, h.width, h.height), new Point (0, 0), BitmapDataChannel.GREEN, BitmapDataChannel.RED);
h.draw(h2, null, null, "darken");
h.draw(h1, null, null, "lighten");
       
h.copyChannel(h, new Rectangle (0, 0, h.width, h.height), new Point (0, 0), BitmapDataChannel.RED, BitmapDataChannel.ALPHA);
                       
Map1 = Cmp1Map.clone();
Map1.copyPixels(Cmp2Map, new Rectangle (0, 0, h.width, h.height), new Point (0, 0), h, null, true);

trace (getTimer() - t);

Сmp1Map, Cmp2Map - две исходные мапы
Map1 - результат сравнения
h,h1,h2 - вспомогательные мапы.

iNils 09.06.2008 15:50

mikleb, надо использовать кнопку http://www.flasher.ru/forum/images/r...ttons/edit.gif, а не создавать несколько сообщений подряд.

DEAFFF 09.06.2008 17:27

mikleb спасибо! ваш способ наиболее быстрый!

mikleb 09.06.2008 20:43

Цитата:

Сообщение от DEAFFF (Сообщение 744699)
mikleb спасибо! ваш способ наиболее быстрый!

Незачто:)
Но только тут 24битные числа, для 32 битных будет раза в два тормазнее потому что subtract не вычитает альфу, и придется дополнительно получить маски для > и >= альфы.

DEAFFF 10.06.2008 11:57

да нет все нормально мне хватает 24 битных!
Вот тока не мог бы ты объяснить что это за метод такой ?
Как он работает?

mikleb 10.06.2008 15:25

Цитата:

Сообщение от DEAFFF (Сообщение 744822)
да нет все нормально мне хватает 24 битных!
Вот тока не мог бы ты объяснить что это за метод такой ?
Как он работает?

Нужно получить маску где числа RGB от второй картинки > RGB от первой.
Сперва я получил 3 маски: R от второй > чем R от первой картинки, и тоже самое для G и B, эти три маски удобно хранить в одной картинке. (там где > будет 255 а где <= будет 0). Это легко реализовать с помошью blendmode subtract. Т.е вычтаем из второй картинки первую там где вторая > будет не ноль. Ну а потом с помощью палитры все не нулевые числа(компоненты цвета) переводим в 255. Эти три маски хранятся в h1.
Еще нужно получить такие же маски но только для >=. Ясно что >= это отрицание к <, поэтому делаю тоже самое только картинки меняю местами, ну и палитра инверснутая (там где было 255 делаю 0 там где было 0 делаю 255). Это будет h2.

Пусть теперь надо сравнить картинки только по GB.
G2B2 > G1B1 Если:
G2 > G1 или G1 = G2 и B2>B1 это эквивалентно
G2 > G1 или G2 >= G1 и B2>B1
Получается чтобы получить маску где GB от второй картинки больше GB от первой нужно объединить маску где G2>G1 c маской где G2>=G1 и B2>B1. Вторая маска (где G2>=G1 и B2>B1) это пересечение маски G2>=G1 и маски B2>B1.
Объединение масок делается с помощью blendmode lighten (максимум)
Пересечение масок делается с помощью blendmode darken (минимум).
Ну вот т.е сперва перевожу маску B2>B1 в G компоненту ( c помощью copychannel) потом беру darken с маской G2>=G1 а потом беру lighten с маской где G2>G1.
Дальше аналогично.

DEAFFF 10.06.2008 18:00

Да оригинальный способ! Спасибо за объяснение!

mikleb 10.06.2008 19:00

Вобщем можно намного проще сделать, и будет быстре чем в лоб в 7-8 раз:).

DEAFFF 14.06.2008 22:17

интересно а как тут еще быстрее?

mikleb 15.06.2008 03:57

Вот код:
Код:

                        redArray[0] = 0x00000000;
                        greenArray[0] = 0x00000000;
                        blueArray[0] = 0x00000000;
                        redArray2[0] = 0x00000000;
                        greenArray2[0] = 0x00000000;
                        blueArray2[0] = 0x00000000;
                        alphaArray2[0] = 0x00000000;
                       
                       
                        for (i = 1; i <= 255; i++)
                        {
                                redArray[i]  = 0x00400000;
                                greenArray[i] = 0x00200000;
                                blueArray[i]  = 0x00100000;
                                redArray2[i]  = 0xFF000000;
                                greenArray2[i]  = 0x00000000;
                                blueArray2[i]  = 0x00000000;
                                alphaArray2[i]  = 0x00000000;
                        }
                       
                        t1 = getTimer();
                        h1.copyPixels(Cmp2Map, h1.rect,new Point(0,0));
                        h1.draw (Cmp1Map, null, null, "subtract");
                        h1.paletteMap(h1, h1.rect, new Point(0, 0), redArray, greenArray, blueArray);
                       
                        h2.copyPixels(Cmp1Map, h2.rect,new Point(0,0));
                        h2.draw (Cmp2Map, null, null, "subtract");
                        h2.paletteMap(h2, h2.rect, new Point(0, 0), redArray, greenArray, blueArray);
                       
                        h1.draw(h2, null, null, "subtract");
                        h1.paletteMap(h1, h1.rect, new Point(0, 0), redArray2,greenArray2,blueArray2,alphaArray2);
               
                       
                        Map1 = Cmp1Map.clone();
                        Map1.copyPixels(Cmp2Map, h1.rect, new Point (0, 0), h1, null, true);

Если интересно могу объяснить, что там происходит:)


Часовой пояс GMT +4, время: 05:11.

Copyright © 1999-2008 Flasher.ru. All rights reserved.
Работает на vBulletin®. Copyright ©2000 - 2026, Jelsoft Enterprises Ltd. Перевод: zCarot
Администрация сайта не несёт ответственности за любую предоставленную посетителями информацию. Подробнее см. Правила.