时间戳

首页 > 解决方案 > 如何使用 LibGDX 生成透明的 PNG 图像？

java - 如何使用 LibGDX 生成透明的 PNG 图像？

问题描述

我想将我的 LibGDX 游戏的一个实体渲染为 PNG。所以我制作了一个小工具，它是一个 LibGDX 应用程序来显示该实体，并在 F5 上截取屏幕截图。该应用程序的目标只是生成 PNG。

camera.update();

Gdx.gl.glClearColor(0, 0, 0, 0);
Gdx.gl.glClear(GL_COLOR_BUFFER_BIT);

batch.setProjectionMatrix(camera.combined);
batch.begin();

animation.update(Gdx.graphics.getDeltaTime() * 1000);
animation.draw(batch);

batch.end();

if(exporting)
    // export...

从那个wiki 页面我发现了如何制作屏幕截图并通过删除 for 循环，我能够获得一个不会用黑色像素替换透明像素的屏幕截图。

byte[] pixels = ScreenUtils.getFrameBufferPixels(0, 0, Gdx.graphics.getBackBufferWidth(), Gdx.graphics.getBackBufferHeight(), true);

Pixmap pixmap = new Pixmap(Gdx.graphics.getBackBufferWidth(), Gdx.graphics.getBackBufferHeight(), Pixmap.Format.RGBA8888);
BufferUtils.copy(pixels, 0, pixmap.getPixels(), pixels.length);
PixmapIO.writePNG(Gdx.files.external("mypixmap.png"), pixmap);
pixmap.dispose();

它适用于实体的边缘，但不适用于内部的多个部分。

边缘：（完美）

边缘

内部：（不应该是透明的）

里面

所以我开始玩混合来解决这个问题。和

batch.enableBlending();
batch.setBlendFunction(
            exporting ? GL20.GL_ONE : GL20.GL_SRC_ALPHA, // exporting is set to true on the frame where the screenshot is taken
            GL20.GL_ONE_MINUS_SRC_ALPHA);

这改进了一点：

内部工作

但是对于像眼镜这样应该是透明的图像，它是不透明的：

不透明眼镜

代替：

透明眼镜

知道我应该怎么做才能解决这个问题吗？我想要的是非常标准的，透明的背景，上面有半透明的图像。我希望它的行为就像带有图层的常规图像软件（如 GIMP）。

标签： javalibgdxpnglwjgl

解决方案

您的问题是因为书写的颜色和 alpha 都由相同的函数调制：SRC_ALPHA 和 ONE_MINUS_SRC_ALPHA。

您需要使用 glBlendFuncSeparate 来实现这一点。在你的情况下：

batch.begin();

// first disable batch blending changes (see javadoc)
batch.setBlendFunction(-1, -1);

// then use special blending.
Gdx.gl.glBlendFuncSeparate(GL20.GL_SRC_ALPHA, GL20.GL_ONE_MINUS_SRC_ALPHA,GL20.GL_ONE, GL20.GL_ONE);

... your drawings ...

batch.end();

通过这种方式，颜色通道仍然像往常一样混合，但添加了 alpha 通道（源和目标）。

请注意，对于 libgdx 1.9.7+，不再需要批量混合 hack，可能是：

batch.begin();

batch.setBlendFunctionSeparate(GL20.GL_SRC_ALPHA, GL20.GL_ONE_MINUS_SRC_ALPHA,GL20.GL_ONE, GL20.GL_ONE);

... your drawings ...

batch.end();

但在某些情况下存在一些限制，请查看我的 GIST以获取更多信息。

推荐阅读