WebGL from scratch to test 2D font rendering
Fetching latest commit…
Cannot retrieve the latest commit at this time.
Failed to load latest commit information.



This is a small demo project to get myself more familiar with JavaScript and WebGL. Live View


  • In this demo a bitmap font texture is used for the font rendering. The texture contains rendered ASCII characters of an monospaced font. The individual characters are individually spaced, so the texture coordinates are calculated from the 16x16 grid represented by the positions.

  • The font is monospaced because the individual sizes of each character are currently not taken into account, which makes non-monospaced fonts look arkward.

  • As WebGL is based upon OpenGL ES some techniques which one would usually use are not available: GL_QUAD, DisplayLists, default rendering (shaders are mandatory).