¿Existe una biblioteca decente de dibujo de texto OpenGL para el SDK de iPhone?

Question

Estoy tratando de encontrar un simple para dibujar texto en OpenGL. Mi investigación ha demostrado que es una tarea bastante compleja. Implica crear (o generar en tiempo de ejecución) una textura de atlas de fuente y luego crear un cuadrángulo para cada letra con las coordenadas de colocación y textura correctas.

He oído algunas cosas buenas sobre freetype, pero he encontrado muy poco sobre cómo ejecutarlo en el iPhone, y parece ser bastante complejo.

¿Hay alguna biblioteca de texto OpenGL envuelta en Objective-C que funcione con el SDK de iPhone que las personas han estado usando? ¿O estoy por encima de pensar esto y hay un enfoque más fácil que me estoy perdiendo?

Answer 1

Su descripción de usar freetype para crear un atlas de textura junto con toda la información de glifos es exactamente lo que estoy haciendo en mi proyecto actual de iPhone.

Realizo todo el análisis sintáctico de la fuente en un paso previo al proceso (Todo en C# en Windows como ocurre). El atlas en sí mismo se genera y contiene solo los caracteres necesarios: para reducir el espacio, también a veces termino generando más de un atlas para mantener las texturas en tamaños pow2 y de una resolución sensata.

Puede extraer fácilmente la información de glifos del tipo de freetype. Transfiere eso a tu aplicación junto con las texturas en tiempo de ejecución y luego es bastante trivial simplemente alterar los coords UV de la textura según sea necesario.

Por lo que vale la pena, esto es cómo definir un carácter glifo dentro de mi pequeño motor:

struct FontGlyph 
{ 

u32 char_code; 

u32 m_x;    // base x position on tpage 

u32 m_y;   // base y position on tpage 

u32 m_width;   // glyph width 

u32 m_height;   // glyph height 

i32 m_horiBearingX;  // Distance to X shift 

i32 m_horiBearingY;  // Distance to Y shift 

u32 m_horiAdvance;  // Total Horizontal advance this character requires 

u32 m__tpage_index;  // Which tpage does this glyph use? 

}; 

entonces tengo un objeto 'SpriteString', que se comporta más o menos como cualquier otra cadena, además de lo puede dibujarlo usando sprites ....

Estoy de acuerdo en que todo esto puede parecer un gran trabajo para un problema bastante trivial, pero he descubierto que me ha dado mucha flexibilidad y realmente no tardé mucho en implementar cuando llegué a eso.

No dude en responder o comentar si necesita más información. (Y buena suerte :)

---

respuesta a su comentario como me quedé sin espacio en la sección de comentarios ...

Mira la documentación freetype, que básicamente le da los datos de glifo y sin perder el tiempo , simplemente lo saca de la fuente. En cuanto a las texturas en sí, obtienes el tipo de freet para representar cada glifo, y luego lo administras para construir la textura. Esto lo hago como un proceso previo completamente separado de mi aplicación principal.

He aquí un extracto de mi código de la herramienta que hace esto: http://pastebin.com/md1c6354

Tenga en cuenta, sin embargo, esto fue sólo ha dirigido a los ojos y no para el consumo público, por lo que excusa el hecho de que es desordenado como el infierno :)

Answer 2

Compruebe la demo de aterrizaje forzoso. La clase Texture2D que se proporciona permite la creación de texturas con texto y una fuente. (Esperemos que haya una mejor respuesta Me encantaría una forma más simple de dibujar en una vista de apertura)

Answer 3

Una forma de hacerlo es configurando un UILabel y luego renderizando su capa en una textura. Una ruta indirecta a esto sería configurar primero el UILabel con texto, fuente, etc.y luego use el siguiente código

UIGraphicsBeginImageContext(yourLabel.frame.size); 
[yourLabel.layer renderInContext:UIGraphicsGetCurrentContext()]; 
UIImage *layerImage = UIGraphicsGetImageFromCurrentImageContext(); 
UIGraphicsEndImageContext(); 

para capturar el UILabel en un UIImage. Luego puede usar el constructor initWithImage: de la clase Texture2D en el proyecto CrashLanding para transformarlo en una textura.

Parece initWithImage: en ese ejemplo vuelve a presentar el UIImage en un contexto de mapa de bits y lo usa para crear la textura. Con un poco de trabajo, puede extraer el código relevante de ese método y modificar el código anterior para convertir su capa directamente en la textura.

De esta manera, obtiene el agradable soporte Unicode y fuente de UILabel al crear el texto para su textura.

Answer 4

Encontré una solución simple para esto. Aquí hay una función rápida que escribí para ella. (Tendrá la clase Texture2D.)

- (void) drawText:(NSString*)theString AtX:(float)X Y:(float)Y { 
// Use black 
glColor4f(0, 0, 0, 1.0); 

// Set up texture 
Texture2D* statusTexture = [[Texture2D alloc] initWithString:theString dimensions:CGSizeMake(150, 150) alignment:UITextAlignmentLeft fontName:@"Helvetica" fontSize:11]; 

// Bind texture 
glBindTexture(GL_TEXTURE_2D, [statusTexture name]); 

// Enable modes needed for drawing 
glEnableClientState(GL_TEXTURE_COORD_ARRAY); 
glEnableClientState(GL_VERTEX_ARRAY); 
glEnable(GL_TEXTURE_2D); 
glEnable(GL_BLEND); 

glBlendFunc(GL_ONE, GL_ONE_MINUS_SRC_ALPHA); 

// Draw 
[statusTexture drawInRect:CGRectMake(X,Y-1,1,1)]; 

// Disable modes so they don't interfere with other parts of the program 
glDisableClientState(GL_TEXTURE_COORD_ARRAY); 
glDisableClientState(GL_VERTEX_ARRAY); 
glDisable(GL_TEXTURE_2D); 
glDisable(GL_BLEND);  
} 

Creo que la entrada de coordenadas deben estar en su mundo coordina, pero no estoy seguro si eso es cierto en general o si simplemente funciona de esa manera para mí. Es posible que necesite jugar con las compensaciones para hacerlo bien.

Answer 5

Gracias por ese método. Me salvó un tiempo.

Hubo un par de cosas que tuve que cambiar. La llamada glBlendFunc tenía que ser:

glBlendFunc(GL_SRC_ALPHA, GL_ONE_MINUS_ALPHA) 

Y en segundo lugar, el texto parece estar llegando en un solo punto. La llamada CGRectMake crea un rectángulo de 1x1, a menos que lo lea incorrectamente.

Answer 6

utilizar la biblioteca "reflexiones" font:

http://www.themusingsofalostprogrammer.com/2010/01/how-to-do-font-rendering-in-opengl-on.html

Font font("Verdena"); 
font.print("Hello World!", x, y, z); 

fácil :)

Viene con soporte Unicode, cargas glifos "a la carta", e incluso tiene una forma a las variables de salida

font.print(x, y, z) << "fps: " << fps; 

Answer 7

Sí, th Hay 2 que conozco de. El truco es que debes renderizar la textura usando Quartz (funciones CGContext *) y luego renderizar esa textura para que el usuario la vea.

Si le preocupa el rendimiento, también puede usar Quartz para generar su atlas de textura.

Es bastante fácil de impulsar una herramienta de generación de texturas (en xCode) once you know the basics of rendering a font.

Todo lo que tienes que hacer es tener un CGContext válido. Puede encontrar un código de muestra muy bueno en este texture loader.

Básicamente el código va:

// Create the cgcontext as shown by links above 

// Now to render text into the cg context, 
// the drop the raw data behind the cgcontext 
// to opengl. 2 ways to do this: 
// 1) CG* way: (advantage: easy to use color) 
CGContextSelectFont(cgContext, "Arial", 24, kCGEncodingMacRoman); 

// set color to yellow text 
CGContextSetRGBFillColor(cgContext, 1, 1, 0, 1) ; // Be sure to use FILL not stroke! 

// draw it in there 
CGContextShowTextAtPoint(cgContext, 20, 20, "HI THERE", strlen("HI THERE")) ; 

/* 
// WAY #2: this way it's always black and white 
// DRAW SOME TEXT IN IT 
// that works ok but let's try cg to control color 
UIGraphicsPushContext(cgContext); 
UIFont *helv = [UIFont fontWithName:@"Helvetica" size:[UIFont systemFontSize]]; 
NSString* msg = @"Hi hello" ; 
[msg drawInRect:CGRectMake(0,0,pow2Width,pow2Height) withFont:helv] ; 
    UIGraphicsPopContext(); 
*/ 

// put imData into OpenGL's memory 
glTexImage2D(GL_TEXTURE_2D, 0, GL_RGBA, pow2Width, pow2Height, 0, GL_RGBA, GL_UNSIGNED_BYTE, imData); 
CHECK_GL ; 

sale bastante bien y antialiased,

Una lista de fuentes IOS es available here, y con prerenders here

Answer 8

I He creado una clase de fuente similar a la biblioteca de fuentes "meditaciones", menos las pérdidas de memoria y menos el te creación de la textura para cada personaje, cada cuadro. Todavía usa una glTexture diferente para cada personaje. Nota: Texture2D se ha cambiado para comentar su eliminación de textura.

init en el constructor: _font = new Font("Helvetica", 40);

uso en volver a dibujar() Método: _font->draw("Hello, World!", 50, 100, ALIGN_LEFT);

GitHub enlace:

https://github.com/chandl34/public/tree/master/personal/c%2B%2B/Font