shader radial blur: Unterschied zwischen den Versionen

Aus DGL Wiki
Wechseln zu: Navigation, Suche
K (Der Ausdruck ''<cpp>(.*?)</cpp>'' wurde ersetzt mit ''<source lang="cpp">$1</source>''.)
K (Beschreibung angepasst)
 
(7 dazwischenliegende Versionen von 2 Benutzern werden nicht angezeigt)
Zeile 6: Zeile 6:
 
!width=20%|Version
 
!width=20%|Version
 
|-
 
|-
|Post-Processing-Shader, welcher die Szene ausgehend vom Mittelpunkt verwischt.
+
|Post-Processing-Shader, welcher die Szene ausgehend von einem beliebigen Punkt verwischt.
 
|Markus
 
|Markus
|1.0
+
|1.1
 
|}
 
|}
  
Zeile 19: Zeile 19:
  
 
==Beschreibung==
 
==Beschreibung==
Dieser Shader verwischt die Szene ausgehend vom Mittelpunkt des Bildes.
+
Dieser Shader verwischt die Szene ausgehend vom Mittelpunkt des Bildes.<br><br>
  
''BlurFactor'' ändert die Stärke des Blurs. <br>
+
Folgende Uniform-Variablen werden verwendet:
''BrightFactor'' ändert die Stärke der Helligkeitsänderung. <br>
+
{|{{Prettytable_B1}}
''Origin'' ändert den Ausgangspunkt des Blurs. <br>
+
!width=20%|Variable
''Size'' muss die Größe eines Texels haben. (bei 1600x1200: vec2(1 / 1600, 1 / 1200))
+
!width=80%|Beschreibung
 +
|-
 +
|''radial_blur''
 +
|ändert die Stärke des Blurs
 +
|-
 +
|''radial_bright''
 +
|ändert die Stärke der Helligkeitsänderung
 +
|-
 +
|''radial_origin''
 +
|ändert den Ausgangspunkt des Blurs
 +
|-
 +
|''radial_size''
 +
|muss die Größe eines Texels der Textur der Szene haben <br>bei einer Auflösung von 1280x1024 Pixeln: vec2(1.0 / 1280.0, 1 / 1024.0)
 +
|}
 +
 
 +
Die ''Texture''-Variable muss nur geändert werden, wenn sich die Szenentextur nicht im ersten Texturslot befindet.
 +
<br><br>
 +
Wenn man einen Explosionseffekt wie im Bild weiter oben erreichen möchte, kann man ''radial_blur'' und ''radial_bright'' mit einer Sinusfunktion über mehrere Frames verändern.
  
 
==Besondere Vorraussetzungen==
 
==Besondere Vorraussetzungen==
 
Da es sich um einen Post-Processing-Shader handelt, muss die Szene zuvor in eine Textur gerendert werden. Hier bieten sich FrameBufferObjects an, welche jedoch
 
Da es sich um einen Post-Processing-Shader handelt, muss die Szene zuvor in eine Textur gerendert werden. Hier bieten sich FrameBufferObjects an, welche jedoch
nicht von alten Grafikkarten unterstützt werden. Optional kann man auch glCopyTexSubImage2D verwenden. Um nun den Farbfilter auf die Szene anzuwenden, muss man
+
nicht von alten Grafikkarten unterstützt werden. Optional kann man auch glCopyTexSubImage2D verwenden. Um nun den Blur-Filter auf die Szene anzuwenden, muss man
die zuvor erstellte Textur binden (die Texturstufe muss dem Shader normalerweise nicht mitgeteilt werden, da TMU0 standard ist). Danach wird der Shader aktiviert und ein Quad
+
die zuvor erstellte Textur der Szene binden. Danach wird der Shader aktiviert und ein Quad mit der Größe des Viewports gezeichnet.  
mit der Größe des Viewports gezeichnet.  
 
  
 
==Code==
 
==Code==
 
Vertex Shader
 
Vertex Shader
<source lang="cpp">
+
<source lang="glsl">
 
void main(void)
 
void main(void)
 
{
 
{
Zeile 44: Zeile 60:
  
 
Fragment Shader
 
Fragment Shader
<source lang="cpp">
+
<source lang="glsl">
// radial blur
+
// RadialBlur - Shader
 +
 
 +
uniform sampler2D Texture;  // scene texture
 +
uniform vec2 radial_size;    // texel size
  
uniform sampler2D Texture;
+
uniform float radial_blur;   // blur factor
 +
uniform float radial_bright; // bright factor
  
//texel size
+
uniform vec2 radial_origin; // blur origin
uniform vec2 Size;
 
  
 
void main(void)
 
void main(void)
 
{
 
{
  float BlurFactor = 0.05;
 
  float BrightFactor = 1.2;
 
  vec2 Origin = vec2(0.5, 0.5);
 
 
 
   vec2 TexCoord = vec2(gl_TexCoord[0]);
 
   vec2 TexCoord = vec2(gl_TexCoord[0]);
  
 
   vec4 SumColor = vec4(0.0, 0.0, 0.0, 0.0);
 
   vec4 SumColor = vec4(0.0, 0.0, 0.0, 0.0);
   TexCoord += Size * 0.5 - Origin;
+
   TexCoord += radial_size * 0.5 - radial_origin;
  
 
   for (int i = 0; i < 12; i++)  
 
   for (int i = 0; i < 12; i++)  
 
   {
 
   {
     float scale = 1.0 - BlurFactor * (float(i) / 11.0);
+
     float scale = 1.0 - radial_blur * (float(i) / 11.0);
     SumColor += texture2D(Texture, TexCoord * scale + Origin);
+
     SumColor += texture2D(Texture, TexCoord * scale + radial_origin);
 
   }
 
   }
  
   gl_FragColor = SumColor / 12.0 * BrightFactor;
+
   gl_FragColor = SumColor / 12.0 * radial_bright;
 
}
 
}
 
</source>
 
</source>

Aktuelle Version vom 6. Januar 2010, 15:48 Uhr

Radial Blur

Zurück zur Shadersammlung

Beschreibung Autor Version
Post-Processing-Shader, welcher die Szene ausgehend von einem beliebigen Punkt verwischt. Markus 1.1

Bilder

Vorher
Nachher

Beschreibung

Dieser Shader verwischt die Szene ausgehend vom Mittelpunkt des Bildes.

Folgende Uniform-Variablen werden verwendet:

Variable Beschreibung
radial_blur ändert die Stärke des Blurs
radial_bright ändert die Stärke der Helligkeitsänderung
radial_origin ändert den Ausgangspunkt des Blurs
radial_size muss die Größe eines Texels der Textur der Szene haben
bei einer Auflösung von 1280x1024 Pixeln: vec2(1.0 / 1280.0, 1 / 1024.0)

Die Texture-Variable muss nur geändert werden, wenn sich die Szenentextur nicht im ersten Texturslot befindet.

Wenn man einen Explosionseffekt wie im Bild weiter oben erreichen möchte, kann man radial_blur und radial_bright mit einer Sinusfunktion über mehrere Frames verändern.

Besondere Vorraussetzungen

Da es sich um einen Post-Processing-Shader handelt, muss die Szene zuvor in eine Textur gerendert werden. Hier bieten sich FrameBufferObjects an, welche jedoch nicht von alten Grafikkarten unterstützt werden. Optional kann man auch glCopyTexSubImage2D verwenden. Um nun den Blur-Filter auf die Szene anzuwenden, muss man die zuvor erstellte Textur der Szene binden. Danach wird der Shader aktiviert und ein Quad mit der Größe des Viewports gezeichnet.

Code

Vertex Shader

void main(void)
{
 gl_Position     = gl_ModelViewProjectionMatrix * gl_Vertex;
 gl_FrontColor   = gl_Color;
 gl_TexCoord[0]  = gl_MultiTexCoord0;
}

Fragment Shader

// RadialBlur - Shader

uniform sampler2D Texture;   // scene texture
uniform vec2 radial_size;    // texel size

uniform float radial_blur;   // blur factor
uniform float radial_bright; // bright factor

uniform vec2 radial_origin;  // blur origin

void main(void)
{
  vec2 TexCoord = vec2(gl_TexCoord[0]);

  vec4 SumColor = vec4(0.0, 0.0, 0.0, 0.0);
  TexCoord += radial_size * 0.5 - radial_origin;

  for (int i = 0; i < 12; i++) 
  {
    float scale = 1.0 - radial_blur * (float(i) / 11.0);
    SumColor += texture2D(Texture, TexCoord * scale + radial_origin);
  }

  gl_FragColor = SumColor / 12.0 * radial_bright;
}