claude_code/procedural-3d-engine
1
0
Fork 0
Code Issues Pull requests Projects Releases Packages Wiki Activity Actions

Added info and screenshot for distance field font rendering example

Browse source
This commit is contained in:
saschawillems 2016-01-16 19:35:45 +01:00
parent 40c445e9a4
commit 9fa489b50b
2 changed files with 8 additions and 0 deletions
Download patch file Download diff file Expand all files Collapse all files

8
README.md
View file

@ -50,6 +50,14 @@ The demo uses two different pipelines (and shader sets) to display the cubemap a
Texture arrays allow storing of multiple images in different layers without any interpolation between the layers. Texture arrays allow storing of multiple images in different layers without any interpolation between the layers.
This example demonstrates the use of a 2D texture array with instanced rendering. Each instance samples from a different layer of the texture array. This example demonstrates the use of a 2D texture array with instanced rendering. Each instance samples from a different layer of the texture array.
### Distance field fonts
----
<img src="./screenshots/font_distancefield.png" height="96px" align="right">
Instead of just sampling a bitmap font texture, a texture with per-character signed distance fields is used to generate high quality glyphs in the fragment shader. This results in a much higher quality than common bitmap fonts, even if heavily zoomed.
Distance field font textures can be generated with tools like [Hiero](https://github.com/libgdx/libgdx/wiki/Hiero).
### Pipelines ### Pipelines
---- ----
<img src="./screenshots/basic_pipelines.png" height="96px" align="right"> <img src="./screenshots/basic_pipelines.png" height="96px" align="right">

BIN
screenshots/font_distancefield.png Normal file
View file

Binary file not shown.
Side by side

After

Width:  |  Height:  |  Size: 132 KiB