Added text overlay example to readme
This commit is contained in:
parent
4bef4ca134
commit
63900a9e06
2 changed files with 7 additions and 0 deletions
|
|
@ -70,6 +70,13 @@ Texture arrays allow storing of multiple images in different layers without any
|
||||||
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.
|
||||||
<br><br>
|
<br><br>
|
||||||
|
|
||||||
|
## [Text overlay (Multi pass)](textoverlay/)
|
||||||
|
<img src="./screenshots/textoverlay.png" height="96px" align="right" style="border:2px solid white; outline:2px solid black;">
|
||||||
|
|
||||||
|
Renders a 2D text overlay on top of an existing 3D scene. The example implements a text overlay class with separate descriptor sets, layouts, pipelines and render pass to detach it from the rendering of the scene. The font is generated by loading glyph data from a [stb font file](http://nothings.org/stb/font/) into a buffer that's copied to the font image.
|
||||||
|
|
||||||
|
After rendering the scene, the second render pass of the text overlay class loads the contents of the first render pass and displays text on top of it using blending.
|
||||||
|
|
||||||
## [Distance field fonts](distancefieldfonts/)
|
## [Distance field fonts](distancefieldfonts/)
|
||||||
<img src="./screenshots/font_distancefield.png" height="96px" align="right">
|
<img src="./screenshots/font_distancefield.png" height="96px" align="right">
|
||||||
|
|
||||||
|
|
|
||||||
BIN
screenshots/textoverlay.png
Normal file
BIN
screenshots/textoverlay.png
Normal file
Binary file not shown.
|
After Width: | Height: | Size: 676 KiB |
Loading…
Add table
Add a link
Reference in a new issue