» 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

~7d ago

bjoern: Yo peeps! I am looking for a job/project starting July. For contact info check: vvvv specialists available for hire

~1mth ago

joreg: Summer Season 23 vvvv workshops are now ready for sign-up: https://thenodeinstitute.org/vvvv-intermediates-summer-2023/

~1mth ago

schlonzo: yeah! shader input pins now also visible, while the variable it not used!

~1mth ago

benju: Job opportunity, teaching Sounddesign for New Media purposes in Berlin (6hrs/week): https://www.letteverein.berlin/wp-content/uploads/2023/03/Ausschreibung_MIA_LK_6_UStd._Sounddesign_NEU.pdf

~2mth ago

joreg: vvvv gamma 5.0 is out! Please read all about it in the release notes: https://visualprogramming.net/blog/2023/vvvv-gamma-5.0-release

~2mth ago

domj: Coming to LPM next weekend? Learn more about one of the first full vvvv gamma apps, Schéma! https://liveperformersmeeting.net/editions/2023-muenster/program/detail/schema-talk/

~2mth ago

joreg: Want to get started with #vvvv? Check this 12 session beginner online course starting May 8th: https://thenodeinstitute.org/courses/vvvv-beginner-class-summer-2023/

~3mth ago

mediadog: @ggml Yup, lots. Only used in 4.x, haven't tried in 5.x yet: https://www.unrealengine.com/marketplace/en-US/product/simple-udp-tcp-socket-client