shader blur - Versionsgeschichte

Flo: /* Code */ GLSlang Quelltext war als C++ markiert.

2009-03-10T20:52:24Z

‎Code: GLSlang Quelltext war als C++ markiert.

DGLBot: Der Ausdruck ''(.*?)'' wurde ersetzt mit ''$1''.

2009-03-10T18:52:32Z

Der Ausdruck ''<cpp>(.*?)</cpp>'' wurde ersetzt mit ''<source lang="cpp">$1</source>''.

Damadmax: /* Code */

2009-01-19T22:30:23Z

‎Code

Damadmax: /* Besondere Vorraussetzungen */

2009-01-19T21:48:26Z

‎Besondere Vorraussetzungen

Damadmax: /* Beschreibung */

2009-01-19T21:47:40Z

‎Beschreibung

Damadmax: Die Seite wurde neu angelegt: =blur= Zurück zur Shadersammlung {|{{Prettytable_B1}} width=100% !width=60%|Beschreibung !width=20%|Autor !width=20%|Version |- |dieser Shader dient dazu ein scree...

2008-08-12T15:10:04Z

Die Seite wurde neu angelegt: =blur= Zurück zur Shadersammlung {|{{Prettytable_B1}} width=100% !width=60%|Beschreibung !width=20%|Autor !width=20%|Version |- |dieser Shader dient dazu ein scree...

Neue Seite

=blur=
Zurück zur [[Shadersammlung]]
{|{{Prettytable_B1}} width=100%
!width=60%|Beschreibung
!width=20%|Autor
!width=20%|Version
|-
|dieser Shader dient dazu ein screenaligned Quad geblurred zu rendern.
|damadmax
|0.1
|}

==Bilder==
{|
|[[Bild:Beispielbild.jpg|framed|Bildbeschreibung]]
|-
|[[Bild:Beispielbild.jpg|framed|Bildbeschreibung]]
|}

''Text und Bilder folgen''

==Beschreibung==
Der Shader macht mehrere Lookups auf die übergebene Textur mit einem -in einem Array- definierten Abstand zueinander.
So kann man auch andere Verteilungen realisieren (z.B. Gauss).
Der daraus berechnete Durchschnitt wird dann als Fragment ausgegeben.

Jetzt könnte man natürlich hingehen und sowohl horizontal als auch vertikal in einem Renderdurchgang realisieren. Allerdings wären dass dann bei einer Größe von 5x5 satte 25 Abfragen insgesamt. Mit zwei Durchläufen, verteilt auf horizontal und vertikal, sind es lediglich 10.

Ich habe im nachhinein noch ein paar Verschönerungen am Quelltext vorgenommen. Deswegen könnten noch Tippfehler vorhanden sein.

==Besondere Vorraussetzungen==
Ich habe diesen Shader mit dem FBO benutzt, weshalb die Auflösung/Texelgröße ein ungleiches Seitenverhältnis hat.

==Code==
Vertex Shader
<cpp>
void main(void)
{
gl_TexCoord[0] = gl_MultiTexCoord0;
gl_Position = ftransform();
}
</cpp>

Fragment Shader (vertikal)
<cpp>
uniform sampler2D Texture0;
uniform float strength;

vec2 data[5];
vec2 texelSize = vec2(1.0) / vec2(640.0, 480.0); // resolution hardcoded

int num = 5;

void main()
{
// vec2 data( offset, weight )
data[0] = vec2(-2.0, strength * 0.3);
data[1] = vec2(-1.0, strength * 0.6);
data[2] = vec2( 0.0, strength);
data[3] = vec2( 1.0, strength * 0.6);
data[4] = vec2( 2.0, strength * 0.3);

vec4 blur;
vec2 curPos;
vec4 curColor;

for (int i = 0; i < num; i++)
{
curPos = vec2( gl_TexCoord[0].y + data[i].x * texelSize.y );
curColor = texture2D( Texture0, curPos ) * data[i].y;
blur += curColor;
}
blur /= float(num); // calc average
gl_FragColor = blur;
}
</cpp>

Fragment Shader (horizontal)
<cpp>
uniform sampler2D Texture0;
uniform float strength;

vec2 data[5];
vec2 texelSize = vec2(1.0) / vec2(640.0, 480.0); // resolution hardcoded

int num = 5;

void main()
{
// vec2 data( offset, weight )
data[0] = vec2(-2.0, strength * 0.3);
data[1] = vec2(-1.0, strength * 0.6);
data[2] = vec2( 0.0, strength);
data[3] = vec2( 1.0, strength * 0.6);
data[4] = vec2( 2.0, strength * 0.3);

vec4 blur;
vec2 curPos;
vec4 curColor;

for (int i = 0; i < num; i++)
{
curPos = vec2( gl_TexCoord[0].x + data[i].x * texelSize.x );
curColor = texture2D( Texture0, curPos ) * data[i].y;
blur += curColor;
}
blur /= float(num); // calc average
gl_FragColor = blur;
}
</cpp>

@@ Zeile 35: / Zeile 35: @@
 ==Code==
 Vertex Shader
-<source lang="cpp">
+<source lang="glsl">
 void main(void)
+{
@@ Zeile 44: / Zeile 44: @@
 Fragment Shader (vertikal)
-<source lang="cpp">
+<source lang="glsl">
 uniform sampler2D Texture0;
 uniform float strength;

@@ Zeile 68: / Zeile 68: @@
    for (int i = 0; i < num; i++)
+   {
-     curPos   = vec2( gl_TexCoord[0].y + data[i].x * texelSize.y );
+     curPos   = vec2( gl_TexCoord[0].x, gl_TexCoord[0].y + data[i].x * texelSize.y );
      curColor = texture2D( Texture0, curPos ) * data[i].y;
      blur    += curColor;
@@ Zeile 102: / Zeile 102: @@
    for (int i = 0; i < num; i++)
+   {
-     curPos   = vec2( gl_TexCoord[0].x + data[i].x * texelSize.x );
+     curPos   = vec2( gl_TexCoord[0].x + data[i].x * texelSize.x, gl_TexCoord[0].y );
      curColor = texture2D( Texture0, curPos ) * data[i].y;
      blur    += curColor;

@@ Zeile 31: / Zeile 31: @@
 ==Besondere Vorraussetzungen==
-Ich habe diesen Shader mit dem FBO benutzt, weshalb die Auflösung/Texelgröße ein ungleiches Seitenverhältnis hat.
+Ich habe diesen Shader mit dem FBO benutzt, weshalb die Auflösung/Texelgröße ein Seitenverhältnis ungleich 1 hat.
 ==Code==

@@ Zeile 22: / Zeile 22: @@
 ==Beschreibung==
 Der Shader macht mehrere Lookups auf die übergebene Textur mit einem -in einem Array- definierten Abstand zueinander.
-So kann man auch andere Verteilungen realisieren (z.B. Gauss).
+So kann man auch andere Verteilungen realisieren (z.B. Gauss, Normalverteilung).
 Der daraus berechnete Durchschnitt wird dann als Fragment ausgegeben.
@@ Zeile 28: / Zeile 28: @@
-Ich habe im nachhinein noch ein paar Verschönerungen am Quelltext vorgenommen. Deswegen könnten noch Tippfehler vorhanden sein.
+Ich habe im nachhinein noch ein paar Verschönerungen am originalen (funktionierenden) Quelltext vorgenommen. Deswegen könnten noch Tipp-/Syntaxfehler vorhanden sein.
 ==Besondere Vorraussetzungen==