» Text Rendering
This site relies heavily on Javascript. You should enable it if you want the full experience. Learn more.

Text Rendering

French | Japanese

Text as a layer

Related nodes

Text (EX9)
Billboard (Transform)
TypoSpread (Spreads)
TextMetrics (String)
GlyphInfo (String)

The simplest way to draw text is using Text (EX9) which returns a layer that can be directly connected to the Renderer. Note how the nodes Size by default does not actually change the texts size but rather its resolution. See the nodes helppatch in order to learn how to specify the size in pixels.

Examples in your vvvv\girlpower\ directory:

  • Graphics\DX9\Text

See also:

Text as a texture

Related nodes

Text (EX9.Texture)
Text (EX9.Texture Source)

The Text (EX9.Texture) has almost the same functionality as the native Text (EX9) but returns texture with a text drawn on transparent background. This texture can then be applied to any geometry or primitives like Quad (DX9) in order to be rendered.

The Text (EX9.Texture Source) is also a simple text to texture renderer.

These nodes are contributed by woei and unc and are coming with the addonpack.

Examples in your vvvv\girlpower\ directory:

  • Graphics\DX9\Text

Text as 3d geometry

Related nodes

Text (EX9.Geometry)

Text (EX9.Geometry) returns text as geometry. But note that since 45beta32 this node is no longer available by default.

Read more about the /dx9ex commandline parameter to understand why and learn how to make the node work again.

Rendering HTML & Flash text

Related nodes

HTMLTexture (EX9.Texture String)
HTMLTexture (EX9.Texture URL)
Renderer (Flash)

A text layout made in HTML or Flash can be rendered to a texture using HTMLTexture (EX9.Texture URL). Note that you don't need the Renderer (Flash) because HTMLTexture (EX9.Texture URL) renders it all..

HTMLTexture nodes are coming with the addonpack.

Examples in your vvvv\girlpower\ directory:

  • Graphics\DX9\Text
  • IO\Web\07_Transparent Flash

See also:

Rendering SVG text as a texture

Scalable Vector Graphics
Inkscape a free vector graphics editor

Related nodes

Text (SVG)
Renderer (SVG)
SVGTexture (EX9.Texture)
Reader (SVG)
Join (SVG)
AsDocument (SVG)

Another way to layout and render the text is to use SVG.

SVGs can be created on the fly using the nodes from the SVG category or be prepared beforehand in your favorite Vector-based editing program and then just loaded as SVG-files using the Reader (SVG).

Examples in your vvvv\girlpower\ directory:

  • Graphics\SVG

See also:

anonymous user login

Shoutbox

~6d ago

joreg: Workshop on 16 05: Introduction to Shaders. Signup here: https://thenodeinstitute.org/courses/ss24-vvvv-introduction-to-shaders-in-vvvv/

~7d ago

bjoern: hello, I am looking for a job / project starting june. get in touch via vvvv specialists available for hire

~13d ago

joreg: Workshop on 09 05: Deepdive into the Stride 3D Engine. Signup here: https://thenodeinstitute.org/courses/ss24-vvvv-advanced-3d-rendering-in-vvvv-with-stride/

~13d ago

tekcor: Dear vvvv community, I am leaving my personal fundraiser here because I know many of you personally, sending love https://t.ly/iV9l_

~14d ago

joreg: Rewatch the 24th vvvvorldwide meetup here: https://www.youtube.com/live/gNszIiRAjDo?si=0RXF0pW73EUaRqGk

~14d ago

joreg: LINK - the vvvv summer camp 2024 is announced: https://visualprogramming.net/blog/2024/link-the-vvvv-summer-camp-24/

~17d ago

joreg: Tonight, May 3, vvvv meetup in Berlin or via stream: https://visualprogramming.net/blog/2024/24.-vvvv-worldwide-meetup/

~20d ago

joreg: Workshop on 02 05: Intro to the Stride 3D Engine. Signup here: https://thenodeinstitute.org/courses/ss24-vvvv-intro-to-the-stride-3d-engine-in-vvvv/