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

jp.Text Rendering

English | French

レイヤーとしてのテキスト

関連ノード

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

テキストを描画する、最も簡単な方法は、Text (EX9) を使う事です。これの出力はレイヤーなので、直接 Renderer に繋ぐ事が出来ます。
Size ピンの値は、テキストのサイズではなく、解像度を表している事に注意して下さい。
どうやってピクセルサイズを指定するかは、Text (Ex9) ノードのヘルプパッチを見ましょう。

vvvv\girlpower\ ディレクトリ内のサンプル:

  • Graphics\DX9\Text

こちらもどうぞ:

テクスチャとしてのテキスト

関連ノード

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

Text (EX9.Texture) ノードは、Text (EX9) とほぼ同じ機能を持っていますが、背景が透明な Texture を返します。
このテクスチャはジオメトリや、 Quad (DX9) などのプリミティブに適用できます。

Text (EX9.Texture Source) ノードもまた、シンプルなテキストをレンダリングするノードです。

これらのノードは woeiunc による功績で、addonpack に含まれます

vvvv\girlpower\ ディレクトリ内のサンプル:

  • Graphics\DX9\Text

3D ジオメトリとしてのテキスト

関連ノード

Text (EX9.Geometry)

Text (EX9.Geometry) ノードはテキストをジオメトリとして返します。

しかし、45beta32 から長い間、デフォルトでは使用できない事に注意して下さい。

どうやって、もう一度そのノードを使用できるようにするかは、/dx9ex コマンドラインパラメータ を参考にして下さい。

HTML と Flash テキスト

関連ノード

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

HTML や Flash のテキストは HTMLTexture (EX9.Texture URL ノードを使ってテクスチャとしてレンダリングされます。

 HTMLTexture (EX9.Texture URL) が描画してくれるので、 Renderer (Flash) は必要ない事に注目してください。

HTMLTexture ノードは addonpack に含まれます

vvvv\girlpower\ ディレクトリ内のサンプル:

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

こちらもどうぞ:

テクスチャとしての SVG テキスト

SVG とは Scalable Vector Graphics の略です。
フリーのベクタグラフィクスエディタとして、Inkscape があります。

関連ノード

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

テキストのレイアウトやレンダリングを行うために、SVG を使う、という方法もあります。

SVG は SVG カテゴリのノードを使うか、あなたの好きなベクタベースの編集ソフトを使って SVG ファイルを読み込むなどして、動的に生成できます。その後、Reader (SVG) を使って読み込めます。

vvvv\girlpower\ ディレクトリ内のサンプル:

  • Graphics\SVG

こちらもどうぞ:

anonymous user login

Shoutbox

~15d 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

~23d ago

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

~25d ago

~25d ago

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