透明度问题从Monogame中的PNG加载纹理

时间:2013-08-19 18:31:41

标签: graphics rendering sprite monogame

我正在尝试在Windows上的MonoGame GL中完成我认为应该非常简单的事情。那就是从PNG文件加载纹理并将其作为精灵渲染到屏幕上。到目前为止,我遇到了很多麻烦。我正在使用以下代码(F#)将PNG加载到Texture2D:

    use file = System.IO.File.OpenRead("testTexture.png")
    this.texture <- Texture2D.FromStream(this.GraphicsDevice, file)

然后使用:

进行渲染
    this.spriteBatch.Begin(SpriteSortMode.Immediate, BlendState.NonPremultiplied);
    this.spriteBatch.Draw(this.texture, Vector2.Zero, Color.White)
    this.spriteBatch.End()

问题是使用alpha通道产生某种奇怪的效果,就好像有些东西没有通过alpha预乘或其他东西,但我无法准确确定发生了什么。值得注意的是,完全相同的代码使用官方XNA库完美呈现。这个问题只出现在MonoGame中,我使用版本3.0和3.2进行了测试,两者都有相同的问题。

这是在MonoGame中渲染测试PNG来说明问题:

http://i.imgur.com/Dny26gI.png

每张图片的背景分别是矢车菊蓝色,然后是纯红色,绿色和蓝色。请注意,在带有红色背景的图像中,您可以看到纹理中红色线条周围的黑色轮廓。由于线条和背景都是纯红色,因此不应该出现此轮廓。请注意,图像中带有蓝色背景的蓝线周围会出现相同的情况,但带有绿色背景的图像中的不是。在该图像中,绿线与绿色背景融为一体。

以下是使用官方XNA库渲染完全相同的文件的方式。

http://i.imgur.com/2Rtqhuk.png

注意当背景颜色相同时,蓝色,绿色和红色线条如何融入背景。这是正确的行为。

鉴于相同的代码在XNA和MonoGame中表现不同,我相信框架中必定存在错误。任何人都可以对这个错误的位置和性质有什么好的猜测吗?如果这是一个简单的解决方案,那么最好的解决方案可能就是自己解决这个问题。

除此之外,虽然我真的只是想学习一种方法,我可以简单地加载PNG并将其正确地渲染到MonoGame的屏幕上。我敢肯定,我不能成为第一个想要这样做的人。我想尽可能避免内容管道,只是为了简单起见。

更新

我已经做了一些挖掘,试图弄清楚这个问题的本质。我已经更改了testTexture.png文件,以便更多地揭示alpha混合问题。使用这个新的纹理文件后,我拍摄了不正确的MonoGame渲染的截图,并在其单独的颜色通道中查看。发生的事情让我非常困惑。我最初虽然可能是一个简单的BlendState.NonPremultiplied被忽略的情况,但我看到的看起来更复杂。除此之外,绿色通道似乎与蓝色和红色通道的混合方式不同。这是一个相当大的PNG图像,它是我所谈论的截图和解释的汇编:

i.imgur.com/CEUQqm0.png

显然,MonoGame for Windows GL中存在某种错误,可能还有其他版本我没试过这个版本(虽然我有兴趣看到验证)。如果有人认为他们知道这里可能会发生什么,请告诉我。

最后,这是重现我遇到的问题的项目文件:

mega.co.nz /#!llFxBbrb!OrpPIn4Tu2UaHHuoSPL03nqOtAJFK59cfxI5TDzLyYI

1 个答案:

答案 0 :(得分:6)

此问题已得到解决。框架中的错误发现于: MonoGame.Framework/Graphics/ImageEx.cs在以下方法中:

internal static void RGBToBGR(this Image bmp)
{
    System.Drawing.Imaging.ImageAttributes ia = new System.Drawing.Imaging.ImageAttributes();
    System.Drawing.Imaging.ColorMatrix cm = new System.Drawing.Imaging.ColorMatrix(rgbtobgr);

    ia.SetColorMatrix(cm);
    using (System.Drawing.Graphics g = System.Drawing.Graphics.FromImage(bmp))
    {
        g.DrawImage(bmp, new System.Drawing.Rectangle(0, 0, bmp.Width, bmp.Height), 0, 0, bmp.Width, bmp.Height, System.Drawing.GraphicsUnit.Pixel, ia);
    }
}

将其更改为此可解决问题:

internal static void RGBToBGR(this Image bmp)
{
    using (Bitmap bmpCopy = (Bitmap)bmp.Clone())
    {
        System.Drawing.Imaging.ImageAttributes ia = new System.Drawing.Imaging.ImageAttributes();
        System.Drawing.Imaging.ColorMatrix cm = new System.Drawing.Imaging.ColorMatrix(rgbtobgr);

        ia.SetColorMatrix(cm);
        using (System.Drawing.Graphics g = System.Drawing.Graphics.FromImage(bmp))
        {
            g.Clear(Color.Transparent);
            g.DrawImage(bmpCopy, new System.Drawing.Rectangle(0, 0, bmp.Width, bmp.Height), 0, 0, bmp.Width, bmp.Height, System.Drawing.GraphicsUnit.Pixel, ia);
        }
    }
}

当发生RGBToBGR转换时,它会将转换后的图像版本绘制在它转换的图像对象之上。这就是导致奇怪效果的原因。据我所知,唯一要做的就是在再次绘制之前清除图像对象,这当然意味着必须复制转换的位图,以便在写入原始版本时可以从复制的版本中读取刚刚被清除。

感谢dellis1972指出我正确的方向:https://github.com/mono/MonoGame/issues/1946