Retina muestra problema de calidad de imagen

Question

Estaba intentando hacer que mi aplicación OPENGL ES sea compatible con la visualización de retina. Agregué la imagen con la extensión @ 2x e hice que el factor de escala de contenido sea 2. La imagen de alta resolución aparece correctamente en la pantalla, pero sufre una gran pérdida de calidad. Los bordes y borrosa y no tiene calidad de imagen que agregué a la carpeta de recursos.

¿Cómo puedo solucionar esto?

Answer 1

Mi aplicación se basa en el marco predeterminado y estaba recibiendo este problema cuando se ejecutaba en un dispositivo basado en Retina. Específicamente mi framebuffer se estaba creando a 320x480 en lugar de 640x960 como yo quería. Lo siento James, pero esto NO es automático porque el problema está en el framebuffer creado por renderBufferStorage:fromDrawable: (que llama a glRenderbufferStorage en nuestro nombre pero especifica los píxeles de diseño en lugar de los píxeles de dispositivo nativos para ancho y alto de manera predeterminada).

I añade el siguiente código debajo de las líneas de línea, que establece eaglLayer.drawableProperties en initWithCoder: en EAGLView.m:

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; 
} 

Gracias a David Amador de post para mí apuntando en la dirección correcta . Gracias, más recientemente, a los útiles comentarios de simeon.

Answer 2

OpenGLES se renderizará a la mayor resolución posible en la pantalla retina automáticamente (dado que ha configurado su ventana gráfica para el ancho y alto de la pantalla, etc.) por lo que el problema proviene de su renderizado OpenGL.

A OpenGLES no le importa el sufijo @ 2X que ha adjuntado a la imagen (esto es para los marcos Cocoa Touch). Sin embargo, sí se preocupa por la resolución de la imagen. Para obtener los mejores resultados, debe usar imágenes cuadradas que tienen un ancho y una altura que es una potencia de dos (por ejemplo, 1024, 2048, etc.).

Debe asegurarse de que cuando cargue la texure en OpenGLES esté utilizando el formato de imagen correcto, y que no esté comprimiendo de ninguna manera.

La otra cosa con la que debes experimentar es con los parámetros de textura. Por ejemplo:

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

Espero que esto lo guíe en la dirección correcta.

Answer 3

En su EAGLView.m initWithCoder: método, agregue el siguiente código:

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