» 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

~14d ago

domj: https://youtu.be/omqlZepW69g sonic pi live @ tami

~21d ago

benju: Job: Lehrkraft mit Kentnissen in Python, Machine Learning und Grundlagen der Informationstechnologie gesucht: https://bit.ly/2TtgOoJ

~21d ago

david: reminder: starting at 2pm CET today: online-workshop-shiny-generative-graphics-with-vvvv

~22d ago

readme: Let's appreciate the most important feature being the flat UI redesign. Even though blueprints still remain ugly ...

~24d ago

~25d ago

joreg: reminder: tomorrow, tuesday May 25, 8pm CET: #vvvv online meetup: 11.-worldwide-vvvv-meetup