Как добавить вертикальное размытие по Гауссу
Это код моего фрагментного шейдера, в котором я применяю размытие по Гауссу к изображению Texture2D.
vec3 incrementalGaussian;
incrementalGaussian.x = 1.0f / (sqrt(2.0f * pi) * BlurValue );
incrementalGaussian.y = exp(-0.5f / (BlurValue * BlurValue ));
incrementalGaussian.z = incrementalGaussian.y * incrementalGaussian.y;
vec4 avgValue = vec4(0.0f, 0.0f, 0.0f, 0.0f);
float coefficientSum = 0.0f;
// Take the central sample first...
avgValue += texture2D(text, TexCoords.st) * incrementalGaussian.x;
coefficientSum += incrementalGaussian.x;
incrementalGaussian.xy *= incrementalGaussian.yz;
//Go through the remaining 8 vertical samples (4 on each side of the center)
for (float i = 1.0f; i <= numBlurPixelsPerSide ; i++) {
avgValue += texture2D(text, TexCoords.st - i * 0.01f *
blurMultiplyVec) * incrementalGaussian.x;
avgValue += texture2D(text, TexCoords.st + i * 0.01f *
blurMultiplyVec) * incrementalGaussian.x;
coefficientSum += 2 * incrementalGaussian.x;
incrementalGaussian.xy *= incrementalGaussian.yz;
avgValue.g = avgValue.r;
avgValue.b = avgValue.r;
color = avgValue * vec4(textColor, 1.0) / coefficientSum ;
}
это применимо только к горизонтальному размытию. Как я могу также добавить вертикальное размытие по Гауссу.
Ответы 1
Обычно для размытия по Гауссу используются 2 прохода. Для вертикального размытия вы должны добавить второй проход. Сначала сделайте горизонтальное размытие, затем примените к результату вертикальное размытие.
Для горизонтального размытия u-компонента координаты текстуры смещается:
for (float i = 1.0f; i <= numBlurPixelsPerSide ; i++) {
float offset = i * 0.01f * blurMultiplyVec;
avgValue += texture2D(text, TexCoords.st - vec2(offset, 0.0) * incrementalGaussian.x;
avgValue += texture2D(text, TexCoords.st + vec2(offset, 0.0) * incrementalGaussian.x;
// ...
}
А для вертикального размытия смещается v-компонента координаты текстуры:
for (float i = 1.0f; i <= numBlurPixelsPerSide ; i++) {
float offset = i * 0.01f * blurMultiplyVec;
avgValue += texture2D(text, TexCoords.st - vec2(0.0, offset) * incrementalGaussian.x;
avgValue += texture2D(text, TexCoords.st + vec2(0.0, offset) * incrementalGaussian.x;
// ...
}
Связанный вопрос Какие виды размытия можно реализовать в пиксельных шейдерах?
В Интернете есть много хороших руководств, например. LearnOpenGL.com - размытие по Гауссу
для текстуры нам не нужно рендерить ее в наш буфер кадра.
как мы можем иметь несколько проходов для текстуры.
так же, как этот LearnOpenGL.com - размытие по Гауссу выполняется на изображении, а не на сцене.
@shomit Первый проход визуализирует текстуру в новую текстуру, а второй проход визуализирует текстуру в сцену.
У меня есть вопрос: если мы хотим применить размытие к сцене, то мы визуализируем его в наш фреймбуфер, создаем текстуру и передаем ее шейдеру.