安卓。和引擎。使用透明度时的图像伪影

发布于 2024-12-27 11:39:25 字数 475 浏览 4 评论 0原文

我正在使用 AndEngine（基于 OpenGL 的 2D 引擎）。当我使用透明纹理（PNG 图像）时，图像边框上出现图像伪影。我需要帮助解决这个问题。我附上了 2 张图片。首先，我只使用某种字体显示文本。在第二个上，您可以看到圆角，但在纹理的角上，您也可以看到伪影。请注意，这仅发生在真实设备上。在模拟器上一切正常。我的设备是运行 Android 2.1 的 Samsung i5700 Galaxy Spica

原文

分享到QQ

分享到微博

如果你对这篇内容有疑问，欢迎到本站社区发帖提问参与讨论，获取更多帮助，或者扫码二维码加入 Web 技术交流群。

发布评论

需要登录才能够评论，你可以免费注册一个本站的账号。

镜花水月 2025-01-03 11:39:25

AndEngine Artifacts 大社区 Wiki

Sprite 伪像

双线性过滤会插入最近四个像素的颜色，这使得纹理在缩放/旋转或使用非整数值移动时效果很好，但有一些困难。

黑色或暗线伪影纹理

图集背景可能是黑色，并且纹理区域的边缘像素与该背景混合。使用自定义透明纹理图集，或使用修改后的TextureAtlas构建器，该构建器会用透明度填充自身（TODO查找描述此问题的论坛链接）

Sprite边缘具有不需要的alpha

如果纹理背景是透明的，则alpha仍然会混合到边缘颜色中。
将 1 像素挤出添加到纹理区域（在边缘处的额外行/列中重复边缘像素），并将区域边缘定位在原始边缘像素和添加的边缘像素之间。这将确保双线性插值仅从您的区域中选取像素。

其他边缘伪影

如果纹理区域太近，则区域边缘可能会占用其他区域边缘的一些像素。在纹理区域之间使用填充。

文本伪影基线

下方偶尔出现小垂直线 (GLES1)

在我的字体中，J 字符具有过度向左延伸的下部曲线，这会在渲染 I 字母，因为 IJ 在纹理中彼此相邻，并且可能太近。

尝试降低字体大小，增加纹理大小，或修改更大的 Font.PADDING 值（5 对我有用，而不是 1）。但请注意，默认情况下，增加 PADDING 也会增加行间距，这可能是不需要的。可以在必要时引入和使用新的YPADDING来进行补偿。

消失的字母

字母按需渲染到字体纹理图集。这可能会导致纹理图集空间不足，从而产生有趣的效果（请参阅消失 ChangeableText）。

一种解决方案是将此代码段插入到 Font#createLetter(char) 方法中：

    if (this.mCurrentTextureY + letterHeight > textureHeight) {
        throw new IllegalStateException("Could not allocate space for letter " + pCharacter + " on texture. " +
                "Please enlarge the texture atlas size. This would be letter #" + this.mLetterCount);
    }

Big Community Wiki of AndEngine Artifacts

Sprite artifacts

BILINEAR filtering interpolates the colour of the nearest four pixels, which makes the texture nice while scaled/rotated, or shifted with non-integer values, but has some difficulties.

Black or dark line artifact

The texture atlas background is possibly black, and edge pixels of the texregion get mixed with this background. Use a custom transparent texture atlas, or use a modified TextureAtlas builder which fills up itself with transparency (TODO find forum link where this is described)

Sprite edge has unwanted alpha

If the texture background is transparent, the alpha is still mixed into edge colors.
Add an 1-pixel extrusion to your texture region (repeat the edge pixels in an extra row/col at the edges), and position your region edges between the original and the added edge pixels. This will make sure bilinear interpolation picks only pixels from your region.

Other edge artifact

If texture regions are too close, a region edge may take some pixels from an other regions edge. Use padding between texture regions.

Text artifacts

Ocassional small vertical line under the baseline (GLES1)

In my font, the J char had an overly left-extending lower curve, which causes a small artifact when rendering the I letter, since IJ are next to each other in the texture, and possibly too near.

Try lowering the font size, increasing the texture size, or hacking in larger Font.PADDING value (5 worked for me instead of 1). Note however that by default, increasing the PADDING increases the line spacing too, which may not be desired. A new YPADDING can be introduced and used where necessary to compensate.

Disappearing letters

The letters are rendered to the Font texture atlas on-demand. This can lead to running out of space on the texture atlas, yielding fun effects (see Dissapearing ChangeableText).

One solution can be to insert this snippet to the Font#createLetter(char) method:

    if (this.mCurrentTextureY + letterHeight > textureHeight) {
        throw new IllegalStateException("Could not allocate space for letter " + pCharacter + " on texture. " +
                "Please enlarge the texture atlas size. This would be letter #" + this.mLetterCount);
    }

回复收藏 0 原文

无边思念无边月 2025-01-03 11:39:25

我想出了解决办法。这些伪影背后的原因是纹理过滤设置。我使用了 TextureOptions.BILINEAR 和 TextureOptions.BILINEAR_PREMULTIPLYALPHA 导致了伪影。我选择了 TextureOptions.DEFAULT，纹理变得清晰且没有任何伪影。但有一个缺点。我的游戏中有流畅的精灵运动。但通过这种新的过滤设置（以及因此产生的纹理清晰度），精灵运动变得不平滑......有点不稳定。需要创建几个具有不同过滤选项的纹理图集。

回复收藏 0 原文