Где найти реализацию эффекта Gaussian Blur на С++ для Cocos2d-x?

Question

[Egor Merkushev]

Второй день ищу реализацию эффекта gaussian blur для использования в Cocos2d-x v2.0 на двух платформах - iOS и Android.

Нашел реализацию через AWTextureFilter, но этот класс в свою очередь требует актуальных для текущей версии Cocos2d (OpenGL 2.0) классов CCTexture2DMutable и CCRenderTextureMutable на С++, которых нет. В OpenGL я не разбираюсь, чтобы самостоятельно обновить эти классы.

Так же сейчас рассматриваю вариант воспользоваться портированным на C++ GPUImage, но решение это выглядит тяжеловесным, с точки зрения конечной цели - мне требуется просто размыть скриншот для подложки меню.
Так же при использовании GPUImage и Cocos2d есть проблемы с доступом к графическому контексту...

В cocos2d-x есть пример blur filter, реализованный через шейдер, но его результат разительно отличается от требуемого (например, Gaussian Blur в Photoshop) в худшую сторону (итоговое размытие похоже на motion blur).

Хотелось бы найти быстрое и простое решение.

Answer 1

[Сергей Протько]

лучше использовать шейдер думаю, и эффект там зависит от ядра свертки.

Comments

[Egor Merkushev]

Вот только что нашел тему про встроенный в движок шейдер на форуме cocos2d-iphone ( www.cocos2d-iphone.org/forums/topic/gaussian-blur-... ), и там тоже советуют шейдер «починить», но я в этом вообще профан... По ссылкам занесло сюда ( https://github.com/mattdesl/lwjgl-basics/wiki/Open... ) — статья хорошая, но моих знаний маловато.

[Сергей Протько]

То что приведено на рисунке больше похоже на frosted glass filter.

По поводу свертки, вот довольно простое пояснение как это приблизительно работает. У вас должна иметься матрица (в примере по вашей ссылке она будет 3x3) с коэфициентами ослабления/усиления... не помню как это правильно называется. По сути значение вашего пикселя просто переносится на соседние с определенной долей смешивания, чем дальше тем слабее. Внимательно посмотрите код приведенный x0661t в топике по вашей ссылке, там вроде как вполне себе рабочий шейдер. Если посмотрите, координаты там выставляются вокруг текущего, и идет преобразование с определенной силой... ну, в догонку еще пояснения по этому фильру.

www.gamerendering.com/2008/10/11/gaussian-blur-fil...

[Egor Merkushev]

Что я смог понять, так это то, что надо два шейдера написать - один горизонтальный, другой вертикальный, чтобы пропустить через оба и размазать равномерно, а не по полудиагонали (как на форуме пример неудовлетворительный)... Попробую вечером.

[Egor Merkushev]

Написал по примеру выше параметризированный шейдер для размытия либо горизонтально, либо вертикально, применяю их последовательно на текстуры, но тут возникла проблема - мне нужны большие радиусы размытия - примерно 20-30, а с такими параметрами все более-менее четкие объекты не мылятся, а начинают двоиться. 8( Потому как шейдеры из примера - это учет [-4, +4]*radius от текущей координаты, в итоге все промежуточные пиксели пропускаются и не "мылятся", что и приводит к размножению объектов.

Answer 2

[AxisPod]

Ну настоящий блюр штука не легкая, особенно если вам надо будет постоянно рендерить, батарейку разве что садить. Хотя одноразово срендерить в текстуру можно. Лучше шейдерами сделать.

Comments

[Egor Merkushev]

Чем принципиально и насколько плох вот этот шейдер - searchcode.com/codesearch/view/26060445 именно он используется сейчас в cocos2d и мне его эффект не нравится, так как очевидно просматривается диагональ: i42.tinypic.com/14j0p6a.png
Может быть это потому, что в этом шейдере, насколько я понимаю его математику с координатами, изменения в цвет пикселя вносятся только по диагонали (-4 -3 -2 -1 0 +1 +2 +3 +4)?

Answer 3

[Egor Merkushev]

В итоге реализовал через AWTextureFilter, но он почему-то падает на Android. Найду ошибку - напишу.