视网膜显示屏图像质量问题

Question

我试图让我的 OPENGL ES 应用程序支持视网膜显示。我添加了带有 @2x 扩展名的图像，并将内容比例因子设置为 2。高分辨率图像正确地进入屏幕，但质量损失很大。边缘模糊，并且没有我添加到资源文件夹中的图像质量。

我该如何解决这个问题？

Answer 1

我的应用程序基于默认框架，在基于 Retina 的设备上运行时遇到此问题。具体来说，我的帧缓冲区是以 320x480 而不是我想要的 640x960 创建的。抱歉詹姆斯，但这不是自动的，因为问题在于 renderBufferStorage:fromDrawable: （代表我们调用 glRenderbufferStorage，但默认指定布局像素而不是本机设备像素的宽度和高度）。

我在 EAGLView.m 的 initWithCoder: 中设置 eaglLayer.drawableProperties 的行下面添加了以下代码：

UIScreen *mainScreen = [UIScreen mainScreen];
if ([mainScreen respondsToSelector:@selector(scale)])
{
    // iOS 4.0 and up (further to simeon's comment)
    const CGFloat scale = mainScreen.scale;
    self.contentScaleFactor = scale;
    eaglLayer.contentsScale = scale;
}

感谢 David Amador 的 帖子为我指点朝着正确的方向。最近，感谢 simeon 的有用评论。

Answer 2

在 EAGLView.m initWithCoder: 方法中，添加以下代码：

if( [[UIScreen mainScreen] respondsToSelector:@selector(scale)] )
{
    self.contentScaleFactor = [[UIScreen mainScreen] scale];   
}

Answer 3

OpenGLES 将自动在视网膜显示屏上以最大可能的分辨率进行渲染（假定您已将视口设置为屏幕的宽度和高度等），因此问题来自于您的 OpenGL 渲染。

OpenGLES 不关心您附加到图像的后缀@2X（这是针对Cocoa Touch 框架的）。然而，它确实关心图像的分辨率。为了获得最佳结果，您应该使用宽度和高度为 2 的幂的方形图像（例如 1024、2048 等）。

您应该确保将纹理加载到 OpenGLES 时使用正确的图像格式，并且不以任何方式压缩它。

您应该尝试的另一件事是纹理参数。例如：

glTexParameteri(GL_TEXTURE_2D, GL_TEXTURE_MIN_FILTER, GL_LINEAR);
glTexParameteri(GL_TEXTURE_2D, GL_TEXTURE_MAG_FILTER, GL_LINEAR);

我希望这能为您指明正确的方向。