Lazarus - OpenGL 3.3 Tutorial: Unterschied zwischen den Versionen
Zeile 127: | Zeile 127: | ||
Mit dem Shader kann man auch ganze Fraktale berechnen. | Mit dem Shader kann man auch ganze Fraktale berechnen. | ||
+ | |- | ||
+ | ![[Lazarus - OpenGL 3.3 Tutorial - Shader - Wichtige Functionen|Wichtige Functionen]] | ||
+ | {{Level_2}} | ||
+ | |[[Image:Lazarus - OpenGL 3.3 Tutorial - Shader - Wichtige Functionen.png|128px|right]] | ||
+ | Kommentar Kommentar Kommentar Kommentar Kommentar Kommentar Kommentar Kommentar Kommentar Kommentar Kommentar | ||
|- | |- | ||
|} | |} | ||
Zeile 337: | Zeile 342: | ||
{{Level_2}} | {{Level_2}} | ||
|[[Image:Lazarus - OpenGL 3.3 Tutorial - Alpha Blending - Einfaches Alpha Blending.png|128px|right]] | |[[Image:Lazarus - OpenGL 3.3 Tutorial - Alpha Blending - Einfaches Alpha Blending.png|128px|right]] | ||
− | " | + | "Es werde transparent" |
− | + | Mit Alpha-Blending ist es erst möglich Fensterscheiben oder Bäume mit OpenGL darzustellen. | |
|- | |- | ||
Zeile 345: | Zeile 350: | ||
{{Level_2}} | {{Level_2}} | ||
|[[Image:Lazarus - OpenGL 3.3 Tutorial - Alpha Blending - Die Reihenfolge ist wichtig.png|128px|right]] | |[[Image:Lazarus - OpenGL 3.3 Tutorial - Alpha Blending - Die Reihenfolge ist wichtig.png|128px|right]] | ||
− | " | + | "Die Reihenfolge ist wichtig" |
− | + | Bei Alpha-Blendig ist es sehr wichtig, in welcher Reihenfolge die Polygone/Meshes gezeichnet werden. Mit dem Z-Pufer ist s leider '''nicht''' getan. | |
|- | |- | ||
Zeile 367: | Zeile 372: | ||
Kommentar Kommentar Kommentar Kommentar Kommentar Kommentar Kommentar Kommentar Kommentar Kommentar Kommentar | Kommentar Kommentar Kommentar Kommentar Kommentar Kommentar Kommentar Kommentar Kommentar Kommentar Kommentar | ||
|- | |- | ||
− | ![[Lazarus - OpenGL 3.3 Tutorial - Beleuchtung - | + | ![[Lazarus - OpenGL 3.3 Tutorial - Beleuchtung - Beleuchtung auf Kugel|Beleuchtung auf Kugel]] |
{{Level_2}} | {{Level_2}} | ||
− | |[[Image:Lazarus - OpenGL 3.3 Tutorial - Beleuchtung - | + | |[[Image:Lazarus - OpenGL 3.3 Tutorial - Beleuchtung - Beleuchtung auf Kugel.png|128px|right]] |
Kommentar Kommentar Kommentar Kommentar Kommentar Kommentar Kommentar Kommentar Kommentar Kommentar Kommentar | Kommentar Kommentar Kommentar Kommentar Kommentar Kommentar Kommentar Kommentar Kommentar Kommentar Kommentar | ||
|- | |- | ||
− | ![[Lazarus - OpenGL 3.3 Tutorial - Beleuchtung - | + | ![[Lazarus - OpenGL 3.3 Tutorial - Beleuchtung - Beleuchtung auf Kugel 2|Beleuchtung auf Kugel 2]] |
{{Level_2}} | {{Level_2}} | ||
− | |[[Image:Lazarus - OpenGL 3.3 Tutorial - Beleuchtung - | + | |[[Image:Lazarus - OpenGL 3.3 Tutorial - Beleuchtung - Beleuchtung auf Kugel 2.png|128px|right]] |
Kommentar Kommentar Kommentar Kommentar Kommentar Kommentar Kommentar Kommentar Kommentar Kommentar Kommentar | Kommentar Kommentar Kommentar Kommentar Kommentar Kommentar Kommentar Kommentar Kommentar Kommentar Kommentar | ||
|- | |- | ||
Zeile 392: | Zeile 397: | ||
{{Level_2}} | {{Level_2}} | ||
|[[Image:Lazarus - OpenGL 3.3 Tutorial - Framepuffer - Framepuffer speichern.png|128px|right]] | |[[Image:Lazarus - OpenGL 3.3 Tutorial - Framepuffer - Framepuffer speichern.png|128px|right]] | ||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
Kommentar Kommentar Kommentar Kommentar Kommentar Kommentar Kommentar Kommentar Kommentar Kommentar Kommentar | Kommentar Kommentar Kommentar Kommentar Kommentar Kommentar Kommentar Kommentar Kommentar Kommentar Kommentar | ||
|- | |- | ||
Zeile 450: | Zeile 445: | ||
|[[Image:Lazarus - OpenGL 3.3 Tutorial - Texturen - glTexParameterf.png|128px|right]] | |[[Image:Lazarus - OpenGL 3.3 Tutorial - Texturen - glTexParameterf.png|128px|right]] | ||
Kommentar Kommentar Kommentar Kommentar Kommentar Kommentar Kommentar Kommentar Kommentar Kommentar Kommentar | Kommentar Kommentar Kommentar Kommentar Kommentar Kommentar Kommentar Kommentar Kommentar Kommentar Kommentar | ||
+ | |- | ||
+ | |} | ||
+ | |||
+ | == Shader Effekte == | ||
+ | {|{{Prettytable_B1}} width="100%" | ||
+ | !width="15%"|Link | ||
+ | !width="85%"|Beschreibung | ||
+ | |- | ||
+ | ![[Lazarus - OpenGL 3.3 Tutorial - Shader Effekte - Blur|Blur]] | ||
+ | {{Level_2}} | ||
+ | |[[Image:Lazarus - OpenGL 3.3 Tutorial - Shader Effekte - Blur.png|128px|right]] | ||
+ | Kommentar Kommentar Kommentar Kommentar Kommentar Kommentar Kommentar Kommentar Kommentar Kommentar Kommentar | ||
+ | |- | ||
+ | ![[Lazarus - OpenGL 3.3 Tutorial - Shader Effekte - Sobel|Sobel]] | ||
+ | {{Level_2}} | ||
+ | |[[Image:Lazarus - OpenGL 3.3 Tutorial - Shader Effekte - Sobel.png|128px|right]] | ||
+ | Kommentar Kommentar Kommentar Kommentar Kommentar Kommentar Kommentar Kommentar Kommentar Kommentar Kommentar | ||
+ | |- | ||
+ | ![[Lazarus - OpenGL 3.3 Tutorial - Shader Effekte - Kacheln|Kacheln]] | ||
+ | {{Level_2}} | ||
+ | |[[Image:Lazarus - OpenGL 3.3 Tutorial - Shader Effekte - Kacheln.png|128px|right]] | ||
+ | "Drehung" | ||
+ | |||
+ | Wie drehe ich eine Mesh mit Hilfe einer Matrix. | ||
+ | |||
+ | |- | ||
+ | ![[Lazarus - OpenGL 3.3 Tutorial - Shader Effekte - Kreis|Kreis]] | ||
+ | {{Level_2}} | ||
+ | |[[Image:Lazarus - OpenGL 3.3 Tutorial - Shader Effekte - Kreis.png|128px|right]] | ||
+ | "Drehung" | ||
+ | |||
+ | Wie drehe ich eine Mesh mit Hilfe einer Matrix. | ||
+ | |||
+ | |- | ||
+ | ![[Lazarus - OpenGL 3.3 Tutorial - Shader Effekte - Hello World|Hello World]] | ||
+ | {{Level_2}} | ||
+ | |[[Image:Lazarus - OpenGL 3.3 Tutorial - Shader Effekte - Hello World.png|128px|right]] | ||
+ | "Drehung" | ||
+ | |||
+ | Wie drehe ich eine Mesh mit Hilfe einer Matrix. | ||
+ | |||
|- | |- | ||
|} | |} |
Version vom 30. Dezember 2017, 20:27 Uhr
Inhaltsverzeichnis
Lazarus - OpenGL 3.3 Tutorial
Einrichten und Einstieg
Link | Beschreibung |
---|---|
Lazarus fuer OpenGL einrichten |
"Lazarus mit OpenGL 3.3" Was sind die Voraussetzungen. Und wie richte ich Lazarus ein, das dies mit OpenGL 3.3 funktioniert.
|
Context erzeugen |
"Eine Arbeitsfläche erzeugen" Das OpenGL etwas auf den Bildschirm ausgeben kann, wird ein Context, Zeichenfläche gebraucht. |
VAO - Daten laden |
"Erste Vectoren" Das OpenGL weis, was ausgegeben werden muss, speichert man die Eckpunkte einer Mesh in eine Vektor-Array. |
Erster Shader |
"Zeichen Routine" Bevor OpenGL etwas ausgeben kann, werden die Daten in einem Shader-Programm abgearbeitet. Somit stehen einem fast unendliche Effekte zu Verfügung. |
Polygonmodus |
"Wie sollen die Polygone verarbeitet werden ?" Die Dreiecke/Linien können als Eckpunkte, Drahtgitter oder Vollflächig ausgegeben werden. |
Shader
Link | Beschreibung |
---|---|
Einleitung und laden der Shader |
"Das Herz von OpenGL 3.3" Sämtliche Effekt werden hier verarbeitet. Was ist ein Shader und wie lädt man ihn in die Grafikkarte. |
Einfachster Shader |
"Einfachste Abbarbeitung" Die minimalste Version eines Shaders. |
Uniform Variablen |
"Äusere Beinflussung" Wie kann ich den Ablauf des Shaders von aussen beeinflussen. |
Erste Bewegung |
"Die Mesh sollte nicht statisch sein" Wie bewege ich eine Mesh im Shader. |
Mehrere Shader |
"Einer ist langweilig" Wie kann ich verschiedene Shader benutzen, da man nicht auf allen Meshes die gleichen Efffekte will. |
Schleifen |
"Nicht immer gleich" Im Shader kann man auch verschiedene Abläufe steuern, die if-Schleife. |
Geometrie Shader |
"Zusätliche geometrische Berechnung" Ein Zusatz-Shader, der zB. Vektoren verdoppeln kann. |
Punkte verschieden darstellen |
"Ein Pixel ist langweilig" Man kann einen Punkt auf verschiedene Arten darstellen, mit dem Shader eine einfache Sache. |
Shader Mandelbrot |
"Jetzt wird es komplex" Mit dem Shader kann man auch ganze Fraktale berechnen. |
Wichtige Functionen |
Kommentar Kommentar Kommentar Kommentar Kommentar Kommentar Kommentar Kommentar Kommentar Kommentar Kommentar |
Vertex-Puffer
Link | Beschreibung |
---|---|
Einfachster Vertex-Puffer |
"Mesh Daten" Wie gelangen die Daten der Mesh in die Grafikkarte. |
Mehrere Vertex-Puffer, Mehrarbige Mesh |
"Nicht nur Koordinaten" Die Vector-Daten können mehr enthalten als nur die Koordinaten, hier sind es die Farben der Face. |
Vertex-Puffer in 2D |
"Es muss nicht immer 3D sein" Andere Vertex-Daten anstelle von 3D. |
Nur eine Array |
"Alles zusammen" Man kann Koordianten, Farben, etc., alles in einen Puffer ablegen. |
Vertex-Daten zur Laufzeit modifizieren |
"Es werd dynamisch" Man kann die Vertex-Daten zu Laufzeit modifizieren und neu in die Grafikkarte laden. |
Shapes (Dreiecke) |
"Nicht nur einzeln Dreiecke" Man kann die Dreiecke auch zur einer Strip oder Fan zusamenfügen, dies spart Platz im VRAM. |
Shapes (Linien und Punkte) |
"Nicht nur Dreiecke" Ein Vektor-Puffer kann auch aus Linien oder Punkte bestehen. GL_QUAD, GL_POLYGON, so wie im alten OpenGL, gibt es nicht mehr. |
DrawArrays |
"Nicht immer am Stück" Man kann auch nur einen Teil einer Vertex-Array zeichnen. |
Indices |
"Eigene Reihenfolge" Man kann auch eine Liste erstellen und die Reihenfolge der Vertex-Daten selbst betimmen. |
Index-Puffer |
"Indizien im Puffer" Auch die Liste der Punkte (Indizien), kann man in einem Puffer ablegen. |
Index-Puffer dynamisch |
"Indizien dynamisch" Auch der Indizien-Puffer kann man zur Laufzeit modifizieren. |
Vertex-Puffer auslesen |
"Nicht nur schreiben" Ein Vertex-Puffer kann man auch von der Grafikkarte wieder auslesen. |
Matrix
Link | Beschreibung |
---|---|
Was ist eine Matrix |
"Bewegung im Raum" Mit eine 4x4 Matrix, kann man sämtliche Bewegungen im Raum darstellen. Verschiebung, Drehung, Skalierung und sogar Perspektive ist mit dieser Matrix möglich. |
Matrix Rotieren |
"Drehung" Wie drehe ich eine Mesh mit Hilfe einer Matrix. |
Matrix Verschieben und Multiplizieren |
"Mehrere Matrizen" Verschiedene Matrizen können multiplizert werden, soomit sind mehrere Bewegungen der Mesh möglich. |
Kleines Planetarium |
"Planetarium" Ein Planetarium ist eine gute Demonstration, wie man Matrizen multipliziert. |
3D
Link | Beschreibung |
---|---|
Erster-Wuerfel |
"Es werde 3D" Anhand eines Würfels sieht man sehr gut die Räumlichkeit einer Scene. |
Polygon - Seite (Backface Culling) |
"Alles ist zu viel" Wie unterbinde ich es, das die Rückseite eines Polygones gerendert wird. |
Tiefenbuffer |
"Nur Vorn" Es sollte nur das gerendert werden, was man auch sieht, verdecktes sollte nicht gerendert werden. |
Orthogonalprojektion |
"Ortografisch" Wird meistens in einem CAD gebraucht. |
Fluchtpunktperspektive (Frustum) |
"Vorn ist grösser" Mit der Fluchtpunktperspektive werden Objekte kleiner je weiter sie von einem weg sind, so wie es in der Realität auch der Fall ist. |
Betrachtungs - Fenster (Viewport) |
"Nicht mehr verzerrt" Ein Quadrat sollte ein Quadrat bleiben, auch wen das Ausgabefenster nicht Quadratisch ist. Dies passt man in der Perspektive an. |
Alpha Blending
Link | Beschreibung |
---|---|
Einfaches Alpha Blending |
"Es werde transparent" Mit Alpha-Blending ist es erst möglich Fensterscheiben oder Bäume mit OpenGL darzustellen. |
Die Reihenfolge ist wichtig |
"Die Reihenfolge ist wichtig" Bei Alpha-Blendig ist es sehr wichtig, in welcher Reihenfolge die Polygone/Meshes gezeichnet werden. Mit dem Z-Pufer ist s leider nicht getan. |
Beleuchtung
Link | Beschreibung |
---|---|
Einfache Beleuchtung |
Kommentar Kommentar Kommentar Kommentar Kommentar Kommentar Kommentar Kommentar Kommentar Kommentar Kommentar |
Einfache Beleuchtung mit Clamp |
Kommentar Kommentar Kommentar Kommentar Kommentar Kommentar Kommentar Kommentar Kommentar Kommentar Kommentar |
Beleuchtung auf Kugel |
Kommentar Kommentar Kommentar Kommentar Kommentar Kommentar Kommentar Kommentar Kommentar Kommentar Kommentar |
Beleuchtung auf Kugel 2 |
Kommentar Kommentar Kommentar Kommentar Kommentar Kommentar Kommentar Kommentar Kommentar Kommentar Kommentar |
Framepuffer
Link | Beschreibung |
---|---|
In Textur rendern |
Kommentar Kommentar Kommentar Kommentar Kommentar Kommentar Kommentar Kommentar Kommentar Kommentar Kommentar |
Framepuffer speichern |
Kommentar Kommentar Kommentar Kommentar Kommentar Kommentar Kommentar Kommentar Kommentar Kommentar Kommentar |
Texturen
Link | Beschreibung |
---|---|
Erste Textur |
Kommentar Kommentar Kommentar Kommentar Kommentar Kommentar Kommentar Kommentar Kommentar Kommentar Kommentar |
Mehrere Texturen |
Kommentar Kommentar Kommentar Kommentar Kommentar Kommentar Kommentar Kommentar Kommentar Kommentar Kommentar |
Texturen von BMP |
Kommentar Kommentar Kommentar Kommentar Kommentar Kommentar Kommentar Kommentar Kommentar Kommentar Kommentar |
Texturen mit oglTextur |
Kommentar Kommentar Kommentar Kommentar Kommentar Kommentar Kommentar Kommentar Kommentar Kommentar Kommentar |
Texturen von XPM |
Kommentar Kommentar Kommentar Kommentar Kommentar Kommentar Kommentar Kommentar Kommentar Kommentar Kommentar |
Texturen und Matrixen |
Kommentar Kommentar Kommentar Kommentar Kommentar Kommentar Kommentar Kommentar Kommentar Kommentar Kommentar |
Multitexturing |
Kommentar Kommentar Kommentar Kommentar Kommentar Kommentar Kommentar Kommentar Kommentar Kommentar Kommentar |
glTexParameterf |
Kommentar Kommentar Kommentar Kommentar Kommentar Kommentar Kommentar Kommentar Kommentar Kommentar Kommentar |
Shader Effekte
Link | Beschreibung |
---|---|
Blur |
Kommentar Kommentar Kommentar Kommentar Kommentar Kommentar Kommentar Kommentar Kommentar Kommentar Kommentar |
Sobel |
Kommentar Kommentar Kommentar Kommentar Kommentar Kommentar Kommentar Kommentar Kommentar Kommentar Kommentar |
Kacheln |
"Drehung" Wie drehe ich eine Mesh mit Hilfe einer Matrix. |
Kreis |
"Drehung" Wie drehe ich eine Mesh mit Hilfe einer Matrix. |
Hello World |
"Drehung" Wie drehe ich eine Mesh mit Hilfe einer Matrix. |
Versuche
Link | Beschreibung |
---|---|
Erste Textur SubImage |
Kommentar Kommentar Kommentar Kommentar Kommentar Kommentar Kommentar Kommentar Kommentar Kommentar Kommentar |
MipMap |
Kommentar Kommentar Kommentar Kommentar Kommentar Kommentar Kommentar Kommentar Kommentar Kommentar Kommentar |
Texturen Perspektiven - Korrektur |
Kommentar Kommentar Kommentar Kommentar Kommentar Kommentar Kommentar Kommentar Kommentar Kommentar Kommentar |
MipMap Kacheln |
Kommentar Kommentar Kommentar Kommentar Kommentar Kommentar Kommentar Kommentar Kommentar Kommentar Kommentar |
MipMap |
Kommentar Kommentar Kommentar Kommentar Kommentar Kommentar Kommentar Kommentar Kommentar Kommentar Kommentar |
MipMap diskret |
Kommentar Kommentar Kommentar Kommentar Kommentar Kommentar Kommentar Kommentar Kommentar Kommentar Kommentar |
MipMap diskret-2 |
Kommentar Kommentar Kommentar Kommentar Kommentar Kommentar Kommentar Kommentar Kommentar Kommentar Kommentar |