Tutorial Nr.4 - Alphamasking
Einleitung
In diesem Tutorial geht es um die Nutzung des Alphakanals einer Textur.Wie Sie wissen, besteht ein Bild (bzw. eine Textur) aus den drei Komponenten Rot, Grün und Blau.In OpenGL gibt es, den richtigen Modus vorausgesetzt (GL_RGBA), noch eine weitere Komponenten, nämlich den Alphakanal.
Dieser kann genutzt werden, um nicht erwünschte Pixel einer Textur auszublenden.Viele Spiele nutzen das Alphablending um Bäume oder Ähnliches darzustellen.Durch die Nutzung dieser Methode wird die Anzahl der zu zeichnenden Dreiecke stark verringert, da für einen Baum meist 2 Quads (also 4 Dreiecke) ausreichend sind.Ein gutes Beispiel hierfür (auch wenn die in diesem Spiel genutzte Methode Bäume zu zeichnen nicht die beste ist) ist Collin McRae 2.0 von Codemasters (www.codemasters.com).
Schritt 1 - Den Alphakanal erstellen
Um eine Textur mit einem Alphakanal zu versehen, gibt es zwei Methoden.Zum einen kann man diesen direkt in das Bild integrieren.Dies geht jedoch nicht mit jedem Bildbearbeitungsprogramm und setzt ein Bildformat vorraus, das die Speicherung des Alphakanals unterstützt, wie dies z.B. bei TGA und PNG der Fall ist.
Die zweite Methode ist etwas einfacher.Neben der Basistextur erstellt man eine zweite Textur in der der Alphakanal gespeichert ist.Weisse Pixel werden gezeichnet, während die schwarzen Pixel durch das Alphatesting weggelassen werden.Im Falle des Demoprogrammes sehen die Texturen folgendermaßen aus :


Basistextur
Alphatextur
Schritt 2 - Den Alphakanal laden
Um die Sache zu erleichtern, wird auch in diesem Tutorial die GLBmp-Unit (http://delphigl.cfxweb.net) genutzt.Die von mir leicht modifizierte Version ist im Download enthalten.Die Klasse TGLBmp bietet nämlich mit AddAlpha(FileName : String) eine einfache Funktion um den Alphakanal einer Textur aus einer seperaten Datei zu generieren.Wurde der Alphakanal jedoch schon im Bildbearbeitungsprogramm integriert, wird dieser Schritt natürlich nicht mehr benötigt.

[01] procedure TGLForm.LoadTextures;
[02] const
[03]  Name : array[0..NumTex-1] of String = ('grass1', 'tree');
...
[04] begin
[06] for i := 0 to High(Name) do
[07]  begin
[08]  Texture[i] := TGLBmp.Create;
[09]  Texture[i].LoadImage('tex\'+Name[i]+'.tga');
[10]  if Name[i] = 'tree' then
[11]   if not Texture[i].AddAlpha('tex\treealpha.tga') then
[12]    ShowMessage('Couldn''t load Alphamask!');
[13]  Texture[i].GenTexture(False,False);
[14]  end;
...
[15]  end;

In unserer Ladeprozedur werden die Texturen wie immer in ein Array geladem und im Falle der Baumtextur wird noch zusätzlich der Alphakanal aus einer anderen Bilddatei generiert [11].
Schritt 3 - Den Alphakanal nutzen
Nachdem wir unsere Baumtextur also nun mit einem Alphakanal versehen haben, wollen wir diesen natürlich auch nutzen :

01]  procedure TTree.Draw;
[02]  begin
[03]  glEnable(GL_BLEND);
[04]  glBlendFunc(GL_SRC_ALPHA, GL_ONE_MINUS_SRC_ALPHA);

[05]  glEnable(GL_ALPHA_TEST);
[06]  glAlphaFunc(GL_GREATER, 0.1);

[07]  Texture[1].Bind;
[08]  glPushMatrix;
[09]  glTranslatef(Position.x, Position.y, Position.z);
[10]  glRotatef(Rotation, 0, 1, 0);

[11]  glBegin(GL_QUADS);
[12]    glTexCoord2f(0, 0); glVertex3f(-0.5*Size, 0,      0);
[13]    glTexCoord2f(0, 1); glVertex3f(-0.5*Size, 1*Size, 0);
[14]    glTexCoord2f(1, 1); glVertex3f( 0.5*Size, 1*Size, 0);
[15]    glTexCoord2f(1, 0); glVertex3f( 0.5*Size, 0,      0);
[16]  glEnd;
[17]  glBegin(GL_QUADS);
[18]    glTexCoord2f(0, 0); glVertex3f(0, 0,      -0.5*Size);
[19]    glTexCoord2f(0, 1); glVertex3f(0, 1*Size, -0.5*Size);
[20]   glTexCoord2f(1, 1); glVertex3f(0, 1*Size,  0.5*Size);
[21]    glTexCoord2f(1, 0); glVertex3f(0, 0,       0.5*Size);
[22]  glEnd;
[23]  glPopMatrix;
[24]  glPushMatrix;

[25]  glTranslatef(Position.x, Position.y, Position.z);
[26]  glRotatef(90, 0, 0, 1);
[27]  glColor4f(0,0,0,0.5);
[28]  glBegin(GL_QUADS);
[29]    glTexCoord2f(0, 0); glVertex3f(0.01, 0,      -0.5*Size);
[30]    glTexCoord2f(0, 1); glVertex3f(0.01, 1.5*Size, -0.5*Size);
[31]    glTexCoord2f(1, 1); glVertex3f(0.01, 1.5*Size,  0.5*Size);
[32]    glTexCoord2f(1, 0); glVertex3f(0.01, 0.,      0.5*Size);
[33]  glEnd;
[34]  glColor4f(1,1,1,1);
[35]  glPopMatrix;
[36]  glDisable(GL_ALPHA_TEST);
[37]  glDisable(GL_BLEND);
[38]  end;

Der Alphatest wird über den Befehl glEnable mit dem Parameter GL_ALPHA_TEST aktiviert [05], während mit der Funktion glAlphaFunc die Art des Alphatests festgelegt wird [06].In obiger Prozedur werden durch den Parameter GL_GREATER nur Pixel mit einem Vergleichswert größer 0,1 durchgelassen.Da dieser Wert bei schwarzen Pixeln < 0,1 ist, werden alle schwarzen Teile der Alphatextur transparent dargestellt.Diesen Parameter kann man als Toleranzgrenze betrachten.
In den Zeilen 7-24 wird unser Baum in Form von zwei in einem Winkel von 90° zueinander stehenden Quads gezeichnet, während in den Zeilen 25-33 der Schatten des Baumes gezeichnet wird.Diese Methode Schatten zu zeichnen ist zwar einfach zu realisieren, sollte jedoch bei unebenen Flächen nicht genutzt werden.Für das Demonstrationsprogramm war der Effekt jedoch ausreichend.

Dies ist alles, was nötig ist um den Alphakanal einer Textur für Transparenzeffekte zu nutzen.Natürlich kann der Alphakanal auch für andere Dinge genutzt werden, aber Alpha Masking ist wohl die häufigste Anwendung.
Das Beispielprogramm
Das Beispielprogramm zu diesem Tutorial wurde in Delphi 6.0 geschrieben, sollte jedoch ab Delphi 4.0 kompilierbar sein.Der Blickwinkel wird mit der Maus verändert, während man sich mit Cursor Hoch/Runter bewegen kann.Da keine speziellen OpenGL-Erweiterungen genutzt werden, sollte es auch auf älteren Grafikkarten lauffähig sein.

Hier noch ein Bild aus dem Demonstrationsprogramm :

Download
Alpha Masking Demo (inklusive Quellcode) herunterladen

Letzte Aktualisierung : 18.06.2004