» 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

~16h ago

catweasel: @evvvvil Awesome!

~18h ago

mediadog: md.ecosystem link on staff contrib picks page is broken

~1d ago

evvvvil: "pencilvester's orthodoodle" orthographic raymarching gets all the birds chirpsing. https://www.shadertoy.com/view/wlyfWK

~2d ago

dottore: Kairos webinar! don't miss it ;) https://bit.ly/3quag3D

~4d ago

christosk: @schlonzo Thank you.

~4d ago

schlonzo: use different filenames :P counter is your friend

~4d ago

christosk: How do I record a sequence of images without having them overwriting one another? I

~9d ago

mediadog: Aha! Right-click on an image to get the source link