Benutzer:Coolcat/Shadersammlung: Unterschied zwischen den Versionen

Aus DGL Wiki
Wechseln zu: Navigation, Suche
K (→‎GLSL-Shader)
(→‎GLSL-Shader: deutlichere Artikel-Links für i0n0s)
Zeile 42: Zeile 42:
 
| {{Table150R2}} style="text-align:center;" | (kein Bild vorhanden)
 
| {{Table150R2}} style="text-align:center;" | (kein Bild vorhanden)
 
|-
 
|-
−
| {{TableCell}}  | Ein einfacher Shader, welcher eine Textur an Vertices bindet. Dieser Shader baut damit das Standardverhalten der festen Pipeline nach.
+
| {{TableCell}}  | Ein einfacher Shader, welcher eine Textur an Vertices bindet. Dieser Shader baut damit das Standardverhalten der festen Pipeline nach. {{ShaderLink|shader_verysimple}}
 
|-
 
|-
 
| {{TableHead}}  | [[shader_sepia|Sepia-Shader]] von [[Benutzer:Markus|Markus]] {{ShaderLevel|2}}
 
| {{TableHead}}  | [[shader_sepia|Sepia-Shader]] von [[Benutzer:Markus|Markus]] {{ShaderLevel|2}}
 
| {{Table150R2}} | [[Bild:shader_sepia_nachher.jpg|150px|150px]]
 
| {{Table150R2}} | [[Bild:shader_sepia_nachher.jpg|150px|150px]]
 
|-
 
|-
−
| {{TableCell}}  | Post-Processing-Shader, welcher einen Sepia-Farbfilter auf die Szene anwendet.
+
| {{TableCell}}  | Post-Processing-Shader, welcher einen Sepia-Farbfilter auf die Szene anwendet. {{ShaderLink|shader_sepia}}
 
|-
 
|-
 
| {{TableHead}}  | [[shader_radial_blur|Radial Blur]] von [[Benutzer:Markus|Markus]] {{ShaderLevel|2}}
 
| {{TableHead}}  | [[shader_radial_blur|Radial Blur]] von [[Benutzer:Markus|Markus]] {{ShaderLevel|2}}
 
| {{Table150R2}} | [[Bild:shader_radial_blur_nachher.jpg|150px|150px]]
 
| {{Table150R2}} | [[Bild:shader_radial_blur_nachher.jpg|150px|150px]]
 
|-
 
|-
−
| {{TableCell}}  | Post-Processing-Shader, welcher die Szene ausgehend vom Mittelpunkt verwischt.
+
| {{TableCell}}  | Post-Processing-Shader, welcher die Szene ausgehend vom Mittelpunkt verwischt. {{ShaderLink|shader_radial_blur}}
 
|-
 
|-
 
| {{TableHead}}  | [[shader_blur2|Blur-Shader]] von [[Benutzer:Skeptiker|Skeptiker]] und [[Benutzer:Coolcat|Coolcat]] {{ShaderLevel|3}}
 
| {{TableHead}}  | [[shader_blur2|Blur-Shader]] von [[Benutzer:Skeptiker|Skeptiker]] und [[Benutzer:Coolcat|Coolcat]] {{ShaderLevel|3}}
 
| {{Table150R2}} | [[Bild:Shader_blur_seerose_blured_small.jpg|150px|150px]]
 
| {{Table150R2}} | [[Bild:Shader_blur_seerose_blured_small.jpg|150px|150px]]
 
|-
 
|-
−
| {{TableCell}}  | Post-Processing-Shader, welcher die Szene insgesamt verwischt. Dieser Shader kann beispielsweise genutzt werden um einen Glow-Effekt zu erreichen.
+
| {{TableCell}}  | Post-Processing-Shader, welcher die Szene insgesamt verwischt. Dieser Shader kann beispielsweise genutzt werden um einen Glow-Effekt zu erreichen. {{ShaderLink|shader_blur2}}
 
|-
 
|-
 
| {{TableHead}}  | [[shader_PerPixelLighting|Per Pixel-Beleuchtung]] von [[Benutzer:Ireyon|Ireyon]] {{ShaderLevel|1}}
 
| {{TableHead}}  | [[shader_PerPixelLighting|Per Pixel-Beleuchtung]] von [[Benutzer:Ireyon|Ireyon]] {{ShaderLevel|1}}
 
| {{Table150R2}} | [[Bild:shader_ppl.png|150px|150px]]
 
| {{Table150R2}} | [[Bild:shader_ppl.png|150px|150px]]
 
|-
 
|-
−
| {{TableCell}}  | Shader, der Per Pixel beleuchtet.
+
| {{TableCell}}  | Shader, der Per Pixel beleuchtet. {{ShaderLink|shader_PerPixelLighting}}
 
|-
 
|-
 
| {{TableHead}}  | [[shader_PerPixel_Lighting2|Per Pixel-Beleuchtung2]] von [[Benutzer:Olee|Olee]] {{ShaderLevel|1}}
 
| {{TableHead}}  | [[shader_PerPixel_Lighting2|Per Pixel-Beleuchtung2]] von [[Benutzer:Olee|Olee]] {{ShaderLevel|1}}
 
| {{Table150R2}} | [[Bild:PPLShader.jpg|150px|150px]]
 
| {{Table150R2}} | [[Bild:PPLShader.jpg|150px|150px]]
 
|-
 
|-
−
| {{TableCell}}  | Beleuchtet Flächen nach Pixeln anstatt wie OpenGl-Licht je Vertex. Erlaubt unendlich weit entferntes Licht und beachtet [[glFog]].
+
| {{TableCell}}  | Beleuchtet Flächen nach Pixeln anstatt wie OpenGl-Licht je Vertex. Erlaubt unendlich weit entferntes Licht und beachtet [[glFog]]. {{ShaderLink|shader_PerPixel_Lighting2}}
 
|-
 
|-
 
| {{TableHead}}  | [[shader_Terrain_GPU4|Heightmap-Terrain]] von [[Benutzer:Coolcat|Coolcat]] {{ShaderLevel|3}}
 
| {{TableHead}}  | [[shader_Terrain_GPU4|Heightmap-Terrain]] von [[Benutzer:Coolcat|Coolcat]] {{ShaderLevel|3}}
 
| {{Table150R2}} | [[Bild:Terrain.jpg|150px|150px]]
 
| {{Table150R2}} | [[Bild:Terrain.jpg|150px|150px]]
 
|-
 
|-
−
| {{TableCell}}  | Shader für ein Heightmap-Terrain der ShaderModel 4.0 Features nutzt. Das Terrain wird zur Laufzeit fast vollständig aus der Heightmap generiert, was ordentlich Speicherplatz spart.
+
| {{TableCell}}  | Shader für ein Heightmap-Terrain der ShaderModel 4.0 Features nutzt. Das Terrain wird zur Laufzeit fast vollständig aus der Heightmap generiert, was ordentlich Speicherplatz spart. {{ShaderLink|shader_Terrain_GPU4}}
  
 
'''Extensions:'''<br>
 
'''Extensions:'''<br>
Zeile 80: Zeile 80:
 
| {{Table150R2}} | [[Bild:shader_Instancing.jpg|150px|150px]]
 
| {{Table150R2}} | [[Bild:shader_Instancing.jpg|150px|150px]]
 
|-
 
|-
−
| {{TableCell}}  | Dieser Shader zeigt die Benutzung von [[GL_ARB_draw_instanced]]. Ein häufiger Anwendungsfall ist das rendern vieler gleichartiger Objekte. Die Extension beschleunigt derartige Anwendungen, in dem die Anzahl der API-Aufrufe und die Menge redundanter Daten reduziert wird.  
+
| {{TableCell}}  | Dieser Shader zeigt die Benutzung von [[GL_ARB_draw_instanced]]. Ein häufiger Anwendungsfall ist das rendern vieler gleichartiger Objekte. Die Extension beschleunigt derartige Anwendungen, in dem die Anzahl der API-Aufrufe und die Menge redundanter Daten reduziert wird. {{ShaderLink|shader_Instancing}}
  
 
'''Extensions:'''<br>
 
'''Extensions:'''<br>
Zeile 91: Zeile 91:
 
| {{Table150R2}} | [[Bild:Partikel-Gravitation.jpg|150px|150px]]
 
| {{Table150R2}} | [[Bild:Partikel-Gravitation.jpg|150px|150px]]
 
|-
 
|-
−
| {{TableCell}}  | Ein GPU-Partikelsystem welches insbesondere auf SM4 Features wie Geometryshader und Transform-Feedback setzt. So ist auch eine Partikel-Partikel-Interaktion mit über 200.000 Partikeln ist kein Problem.
+
| {{TableCell}}  | Ein GPU-Partikelsystem welches insbesondere auf SM4 Features wie Geometryshader und Transform-Feedback setzt. So ist auch eine Partikel-Partikel-Interaktion mit über 200.000 Partikeln ist kein Problem. {{ShaderLink|GLSL_Partikel_2}}
  
 
'''Extensions:'''<br>
 
'''Extensions:'''<br>
Zeile 104: Zeile 104:
 
| {{Table150R2}} | [[Bild:shader_Zufallsgenerator.png|150px|150px]]
 
| {{Table150R2}} | [[Bild:shader_Zufallsgenerator.png|150px|150px]]
 
|-
 
|-
−
| {{TableCell}}  | Generierung von Pseudozufallszahlen im Shader mit [[GL_EXT_gpu_shader4]]. Außerdem eine Beispielanwendung: Ein reproduzierbares pesudozufälliges Verwirbelfeld für ein GPU-Partikelsystem.
+
| {{TableCell}}  | Generierung von Pseudozufallszahlen im Shader mit [[GL_EXT_gpu_shader4]]. Außerdem eine Beispielanwendung: Ein reproduzierbares pesudozufälliges Verwirbelfeld für ein GPU-Partikelsystem. {{ShaderLink|shader_Zufallsgenerator}}
  
 
'''Extensions:'''<br>
 
'''Extensions:'''<br>
Zeile 112: Zeile 112:
 
| {{Table150R2}} | [[Bild:Game_of_life_s.png|150px|150px]]
 
| {{Table150R2}} | [[Bild:Game_of_life_s.png|150px|150px]]
 
|-
 
|-
−
| {{TableCell}}  | Simuliert das altbekannte 'Game of Life' im Shader.
+
| {{TableCell}}  | Simuliert das altbekannte 'Game of Life' im Shader. {{ShaderLink|shader_game_of_life}}
 
|-
 
|-
 
| {{TableHead}}  | [[shader_tesselation|Tesselation-Shader]] von [[Benutzer:dj3hut1|dj3hut1]] {{ShaderLevel|4}}
 
| {{TableHead}}  | [[shader_tesselation|Tesselation-Shader]] von [[Benutzer:dj3hut1|dj3hut1]] {{ShaderLevel|4}}
 
| {{Table150R2}} | [[Bild:Tesselation_s.png|150px|150px]]
 
| {{Table150R2}} | [[Bild:Tesselation_s.png|150px|150px]]
 
|-
 
|-
−
| {{TableCell}}  | Dieser Shader nutzt einen Geometry Shader um ein Dreieck zu tesselieren.
+
| {{TableCell}}  | Dieser Shader nutzt einen Geometry Shader um ein Dreieck zu tesselieren. {{ShaderLink|shader_tesselation}}
  
 
'''Extensions:'''<br>
 
'''Extensions:'''<br>
Zeile 125: Zeile 125:
 
| {{Table150R2}} | [[Bild:Normal_debug_s.png|113px|150px]]
 
| {{Table150R2}} | [[Bild:Normal_debug_s.png|113px|150px]]
 
|-
 
|-
−
| {{TableCell}}  | Nützlicher Shader um ohne viel Aufwand die Normalen eines Modells anzuzeigen.
+
| {{TableCell}}  | Nützlicher Shader um ohne viel Aufwand die Normalen eines Modells anzuzeigen. {{ShaderLink|shader_normal_debug}}
  
 
'''Extensions:'''<br>
 
'''Extensions:'''<br>

Version vom 6. Januar 2010, 14:29 Uhr

Info DGL.png Dies ist ein Entwurf für eine übersichtlichere Shadersammlung.

Was sind Shader?

Die traditionelle Funktionspipeline der OpenGL ist sehr beschränkt, neuere Algorithmen erfordern eine viel höhere Flexibilität. Shader sind kleine Programme die es erlauben Teile der Funktionspipeline völlig frei zu programmieren. Dies bietet völlig neue Möglichkeiten. Auf der einen Seite sind Shader für Einsteiger eine gewisse Hürde, auf der anderen Seite können sie viele Dinge aber auch enorm vereinfachen. Aus diesem Grund wurde in OpenGL 3.1 sowie OpenGL ES 2.0 wurde die feste Funktionspipeline entfernt, so dass Shader dort verpflichtend sind.

Der Artikel Shader gibt einen ausführlichen Überblick zum Thema sowie eine Linksammlung für den Einstieg.

Vorlage

Die Shadersammlung braucht deine Hilfe um zu wachsen. Wenn du einen Shader bereitstellen könntest wäre dies ein toller Dienst für die Community.

Falls du einen Shader bereitstellen möchtest lese bitte das Folgende kurze HowTo:

  1. Erstelle mit Hilfe der Shaderartikelvorlage einen neuen Artikel. Der Artikelname sollte mit dem Präfix shader_ beginnen, z.B. shader_Wasser2d für einen 2D Wassershader.
  2. Da Shader zu 90% optische Effekte bewirken, sollte (mindestens) ein aussagekräftiges Beispielbild im Shaderartikel hinterlegt werden. Eines der Bilder sollte dann auch hier in der Liste verlinkt werden.
  3. Füge deinen Shader in die Shadersammlung ein. Verwende dazu dieses Template:
    |-
    | {{TableHead}} | [[shader_Wasser2d|2D Wassershader]] von [[Benutzer:DeinName|DeinName]]
    | {{Table150R2}} | [[Bild:Wassershader2D.jpg|150px|150px]]
    |-
    | {{TableCell}} | Einige Sätze zur Beschreibung des Shaders.

      '''Extensions:'''<br>
      Liste von notwendigen Extensions.
    |-
  4. Keine Angst, es muss nicht alles auf Anhieb perfekt sein.

Falls du Fragen oder Probleme mit der Vorlage hast, im DGL-Chat oder Forum hilft man immer gerne.

Schwierigkeitsgrad

Es ist nicht leicht einen Schwierigkeitsgrad für Shader anzugeben, trotzdem haben wir dies einmal versucht. Der Schwierigkeitsgrad kann zumindest für Einsteiger einen groben Hinweis geben was man sich vielleicht mal anschauen könnte.

ShaderLevel1.jpg
 Der Shader ist für Einsteiger geeignet. Um den Shader herum wird keine zusätzliche Infrastruktur benötigt.
ShaderLevel2.jpg
 Der Shader ist für Einsteiger geeignet, benötigt aber etwas zusätzliche Infrastruktur. Etwa benötigt ein Post-Processing-Shader ein FrameBufferObject, für Bumpmapping wird eine Normalmap benötigt.
ShaderLevel3.jpg
 Mittlerer Schwierigkeitsgrad. Der Shader ist etwas komplizierter und/oder benötigt viel zusätzliche Infrastruktur.
ShaderLevel4.jpg
 Hoher Schwierigkeitsgrad. Der Shader ist kompliziert und/oder verwendet intensiv Extensions.
ShaderLevel5.jpg
 Extremer Schwierigkeitsgrad...alles was es sonst noch gibt.

Shader

GLSL-Shader

Verysimple von damadmax
ShaderLevel1.jpg
 (kein Bild vorhanden)
Ein einfacher Shader, welcher eine Textur an Vertices bindet. Dieser Shader baut damit das Standardverhalten der festen Pipeline nach.
Sepia-Shader von Markus
ShaderLevel2.jpg
 shader sepia nachher.jpg
Post-Processing-Shader, welcher einen Sepia-Farbfilter auf die Szene anwendet.
Radial Blur von Markus
ShaderLevel2.jpg
 shader radial blur nachher.jpg
Post-Processing-Shader, welcher die Szene ausgehend vom Mittelpunkt verwischt.
Blur-Shader von Skeptiker und Coolcat
ShaderLevel3.jpg
 Shader blur seerose blured small.jpg
Post-Processing-Shader, welcher die Szene insgesamt verwischt. Dieser Shader kann beispielsweise genutzt werden um einen Glow-Effekt zu erreichen.
Per Pixel-Beleuchtung von Ireyon
ShaderLevel1.jpg
 shader ppl.png
Shader, der Per Pixel beleuchtet.
Per Pixel-Beleuchtung2 von Olee
ShaderLevel1.jpg
 PPLShader.jpg
Beleuchtet Flächen nach Pixeln anstatt wie OpenGl-Licht je Vertex. Erlaubt unendlich weit entferntes Licht und beachtet glFog.
Heightmap-Terrain von Coolcat
ShaderLevel3.jpg
 Terrain.jpg
Shader für ein Heightmap-Terrain der ShaderModel 4.0 Features nutzt. Das Terrain wird zur Laufzeit fast vollständig aus der Heightmap generiert, was ordentlich Speicherplatz spart.

Extensions:
GL_EXT_gpu_shader4

Instancing-Shader von Coolcat
ShaderLevel4.jpg
 shader Instancing.jpg
Dieser Shader zeigt die Benutzung von GL_ARB_draw_instanced. Ein häufiger Anwendungsfall ist das rendern vieler gleichartiger Objekte. Die Extension beschleunigt derartige Anwendungen, in dem die Anzahl der API-Aufrufe und die Menge redundanter Daten reduziert wird.

Extensions:
GL_ARB_draw_instanced
GL_EXT_gpu_shader4
GL_EXT_texture_buffer_object
GL_ARB_texture_float

GPU Partikelsystem von Coolcat
ShaderLevel5.jpg
 Partikel-Gravitation.jpg
Ein GPU-Partikelsystem welches insbesondere auf SM4 Features wie Geometryshader und Transform-Feedback setzt. So ist auch eine Partikel-Partikel-Interaktion mit über 200.000 Partikeln ist kein Problem.

Extensions:
GL_EXT_geometry_shader4
GL_NV_transform_feedback
GL_EXT_gpu_shader4
GL_EXT_texture_buffer_object
GL_ARB_texture_float
GL_EXT_texture_integer

Pseudozufallsgenerator von Coolcat
ShaderLevel4.jpg
 shader Zufallsgenerator.png
Generierung von Pseudozufallszahlen im Shader mit GL_EXT_gpu_shader4. Außerdem eine Beispielanwendung: Ein reproduzierbares pesudozufälliges Verwirbelfeld für ein GPU-Partikelsystem.

Extensions:
GL_EXT_gpu_shader4

Game of Life von dj3hut1
ShaderLevel3.jpg
 Game of life s.png
Simuliert das altbekannte 'Game of Life' im Shader.
Tesselation-Shader von dj3hut1
ShaderLevel4.jpg
 Tesselation s.png
Dieser Shader nutzt einen Geometry Shader um ein Dreieck zu tesselieren.

Extensions:
GL_ARB_geometry_shader4

Normal Debugging-Shader von dj3hut1
ShaderLevel4.jpg
 Normal debug s.png
Nützlicher Shader um ohne viel Aufwand die Normalen eines Modells anzuzeigen.

Extensions:
GL_ARB_geometry_shader4

ARB-Shader

Surface Scattering von dj3hut1
ShaderLevel2.jpg
 Scattering s.jpg
Der Shader bestimmt die Distanz, die Licht durch ein Material zurücklegt. Auf diese Weise wird die Lichtdurchlässigkeit bestimmt.
Texturing von dj3hut1
ShaderLevel1.jpg
 Texarb textured s.png
Demonstriert eine einfache Texturierung.
Phong per Pixel von dj3hut1
ShaderLevel1.jpg
 Phong arb s.png
Per-Pixel-Beleuchtung.

Cg-Shader

Diffuse Bumpmapping von igel457
ShaderLevel2.jpg
 shader diffuse bumpmapping cg.jpg
Wendet diffuses Bumpmapping auf eine beliebige Oberfläche an.
Abgerufen von „https://wiki.delphigl.com/index.php?title=Benutzer:Coolcat/Shadersammlung&oldid=24463“