C#/OpenGL: Problem mit VBOs und transparenten PNGs

Treue Seele

Wohnort: Hamburg

30.06.2010, 23:53

C#/OpenGL: Problem mit VBOs und transparenten PNGs

Hi @all

Ich hab ein kleines Problem mit in sich verlappenden VBOs

(Link)

Ok, ich versuchs erst mal ohne viel Quellcode, da ich glaube, dass das ein allgemeines Problem ist.

Wie man auf dem Bild sehen kann, wollen die 4 VBOs sich nicht ineinander verschieben lassen. Da es eine 2D-Engine ist, hab ich die Perspektive ausgeschaltet. Ich benutze ein Tiefenpuffer um die Tiles die weiter unten sind über die anderen Zeichnen zu können. Komischerweise schneidet er den transparenten Bereich des einen VBOs teilweise bei dem anderen aus. Und zwar genau dort, wo der linke VBO Quads hat, die weiter oben sind als die des rechten VBOs.

Ich hoffe ihr konntet mir soweit folgen

Gibt es allgemein etwas zu beachten bei VBOs mit transparenten Texturen oder habt ihr ne Idee woran das liegen könnte?

Hier ein paar Zeilen Code noch

OpenGL Einstellungen

Quellcode

GL.ClearColor(Color.Black);

GL.Enable(EnableCap.DepthTest);
GL.Disable(EnableCap.Lighting);
GL.Enable(EnableCap.Texture2D);
GL.Enable(EnableCap.Blend);

GL.ClearDepth(1.0f);
GL.AlphaFunc(AlphaFunction.Lequal, 0.1f);
GL.DepthFunc(DepthFunction.Lequal);
GL.ShadeModel(ShadingModel.Smooth);
GL.BlendFunc(BlendingFactorSrc.SrcAlpha, BlendingFactorDest.OneMinusSrcAlpha);

Laden der Textur

Quellcode

Bitmap bitmap = new Bitmap(source);
Imaging.BitmapData data = bitmap.LockBits(new Rectangle(0, 0, bitmap.Width, bitmap.Height), Imaging.ImageLockMode.ReadOnly, Imaging.PixelFormat.Format32bppArgb);

width = (UInt32)bitmap.Width;
height = (UInt32)bitmap.Height;

GL.GenTextures(1, out id);
GL.BindTexture(TextureTarget.Texture2D, id);

GL.TexEnv(TextureEnvTarget.TextureEnv, TextureEnvParameter.TextureEnvMode, (float)TextureEnvMode.Modulate);
GL.TexParameter(TextureTarget.Texture2D, TextureParameterName.TextureMinFilter, (float)TextureMinFilter.LinearMipmapLinear);
GL.TexParameter(TextureTarget.Texture2D, TextureParameterName.TextureMagFilter, (float)TextureMagFilter.Linear);

GL.TexParameter(TextureTarget.Texture2D, TextureParameterName.GenerateMipmap, 1);
GL.TexImage2D(TextureTarget.Texture2D, 0, PixelInternalFormat.Rgba, data.Width, data.Height, 0, PixelFormat.Bgra, PixelType.UnsignedByte, data.Scan0);

Zeichnen der VBOs

Quellcode

if(buffer.TexCoordBufferID > 0)
{
    GL.BindTexture(TextureTarget.Texture2D, buffer.TextureID);

    GL.BindBuffer(BufferTarget.ArrayBuffer, buffer.TexCoordBufferID);
    GL.EnableClientState(ArrayCap.TextureCoordArray);
    GL.TexCoordPointer(2, TexCoordPointerType.Float, Vector2.SizeInBytes, IntPtr.Zero);
}

if(buffer.VertexBufferID > 0)
{
    GL.BindBuffer(BufferTarget.ArrayBuffer, buffer.VertexBufferID);
    GL.EnableClientState(ArrayCap.VertexArray);
    GL.VertexPointer(3, VertexPointerType.Float, Vector3.SizeInBytes, IntPtr.Zero);
}

GL.BindBuffer(BufferTarget.ArrayBuffer, buffer.VertexBufferID);
GL.DrawArrays(buffer.DrawMode, 0, buffer.VertexLength);

Zum Seitenanfang

Supermoderator

Wohnort: Graz

01.07.2010, 00:15

Was genau ist daran so verwunderlich? Du renderst deine Quads, verwendest Alphablending, schreibst in den DepthBuffer. D.h. dort wo die transparenten Stellen der linken Quads sind stehen im DepthBuffer Werte kleiner als die der rechten drin die erst nacher gezeichnet werden. Ergo werden die Pixel der rechten Quads an den Stellen nicht gezeichnet weil der Depth Test fehlschlägt weil dort bereits nähere Pixel sind. Um die Transparenz richtig hinzubekommen musst du alles was dahinter liegt zuerst zeichnen...

Zum Seitenanfang

Treue Seele

Wohnort: Hamburg

01.07.2010, 00:25

Ok, danke erst mal für die schnelle und professionelle Antwort

Ich hab extra mehrere unabhängige VBOs, damit ich nur die Teile zeichnen brauch, die auch sichtbar sind. In meinem Fall würde das dann ja nur gehen, wenn ich maximal eine "Zeile" in ein VBO speichere und diese dann nacheinander zeichne (von links oben nach rechts unten).

Aber ob das dann noch performant ist :-/

Zum Seitenanfang

Supermoderator

Wohnort: Graz

01.07.2010, 00:38

Naja eine gute Möglichkeit wäre z.B. ein VBO zu haben und das dynamisch zu füllen. Aber brauchst du eigentlich wirklich den DepthBuffer? Könntest du nicht einfach mit Layern arbeiten wie man das in 2D eigentlich oft und gerne tut? Dann könntest du z.B. einfach alles nach Layer und in Teilen gruppiert in VBOs packen und dann eben layerweise von hinten nach vorne rendern...

Zum Seitenanfang

Treue Seele

Wohnort: Hamburg

01.07.2010, 00:50

Ja, mit Layern arbeite ich schon. Nur bringt mich das an der Stelle nicht weiter, da die beiden VBOs nicht übereinander gezeichnet werden _können_. Auch eine andere Reihenfolge bring mir nichts, da die schon ineinander greifen müssen.

Ich wollte Tiles im folgenden Format benutzen:

(Link)

Jedes VBO ist quasi schon eine kleiner Layer für sich, welche in der richtigen Reihenfolge gezeichnet wird. Zur Zeit benutze ich ein Layer für den Boden und ein für die Bäume und die Erhöhungen etc. Doch wie ich die Nahtstellen zwischen den einzelnen VBOs sauber hingekommen kann weiß ich nicht. Daher hatte ich es mit dem Tiefenpuffer getestet.

Zum Seitenanfang

Supermoderator

Wohnort: Graz

01.07.2010, 00:55

Überlappen sich die nichttransparenten Teile eines Tiles in einem Layer überhaupt? Wenn nicht verwend einfach gar keinen DepthBuffer, schalt den DepthTest ab und fertig...

Zum Seitenanfang

Treue Seele

Wohnort: Hamburg

01.07.2010, 00:58

Ne, die müssen ja ineinander

(Link)

Zum Seitenanfang

Supermoderator

Wohnort: Graz

01.07.2010, 01:07

Das ist mir klar, dabei sollten sich aber von beiden Nachbarn nur transparente Bereiche überlappen!?

Zum Seitenanfang

Treue Seele