Renderizar texto en lienzo usando WebGL

Question

Quiero renderizar texto en un lienzo usando WebGL, ¿qué API de WebGL debería usarse?

Nota: "texto" puede ser texto sin formato o fragmento HTML con estilos CSS

Answer 1

La mayoría de los demos que he visto que hace el texto de cualquier tipo (como un contador de FPS) simplemente crean un elemento HTML con el texto que quieren y colocarlo sobre el lienzo. Este sería probablemente un buen enfoque para la mayoría del texto que le gustaría mostrar "en" un lienzo (es decir, menús).

La única excepción sería si desea que el texto sea una parte real de la escena 3d (como, por ejemplo, texto en una cartelera), en cuyo caso las metodologías no serían diferentes de representar el texto en estándar OpenGL. Puede encontrar un muy buen ejemplo robusto aquí: http://dmedia.dprogramming.com/?n=Tutorials.TextRendering1

También hay a WebGL tutorial about text here.

Answer 2

Para texto renderizado con WebGL, puede escribir texto en un contexto "2d" de lienzo y luego crear una textura desde el lienzo. Denny Koch lo hace en su marco EnergizeGL.