Text Outline

Compatibility wrapper for outlined text rendering from a TextLayout input

intermediate
Since P00

Input Ports

Layout

縁取り対象のテキストレイアウト

`TextLayout`
Fill Color

未接続時は `fill_color` パラメータを使う

`Color`
Outline Color

未接続時は `outline_color` パラメータを使う

`Color`

Output Ports

Image

アウトライン付きの文字画像

`Image`

Parameters

NameTypeDefaultDescription
Fill Enabled`Bool``true`アウトラインの内側に文字の塗りを描画する
Fill Color`Color``fill_color` 入力未接続時の塗り色
Outline Width`Int``1`ピクセル単位のアウトライン幅
Outline Color`Color``outline_color` 入力未接続時の線色
Padding`Int``2`アウトラインの外側に追加する透明余白
Crisp Edges`Bool``true`硬いドット輪郭と角張ったアウトライン拡張を優先する
Pixel Perfect Cleanup`Bool``false`生成後のアウトラインから L 字の余分な角ピクセルを除去する
Cleanup Side`Enum``Outer``pp_cleanup = true` の時だけ表示。`Inner` / `Outer` を選ぶ
Threshold`Float``0.15`元になる文字マスクを作る時のアルファしきい値

どう考えればいい?

  • TextLayout で「どこに文字を置くか」を決める
  • TextOutline は「その配置に縁取り付きのimageを作る」ための簡易入口
  • 最終 bake の正本は TextRasterize
  • TextOutline は、同じ render engine を outline 既定値付きで呼ぶ互換ラッパー

Technical Details

  • 内部では TextRasterize と同じ render engine を使って、TextLayout に塗りとアウトラインを描く
  • 硬い輪郭 は、輪郭の硬さや拡張形状を選ぶ見た目寄りのモード
  • pixel-perfect補正 は、それとは別に L 字の角ピクセル除去を行う後処理
  • 補正する側 は、閉じた文字図形の内側エッジ / 外側エッジのどちらを優先して整えるかを選ぶ
  • padding は文字本体ではなく、アウトラインを含めた外側余白として扱う
  • TextLayout に対して reveal / animate をかけた後でも、その最終 glyph 配置へ自然に追従する

Usage Examples

[Text Input] -> [Text Layout] -> [Text Outline] -> [Preview]
[Text Input] -> [Text Layout] -> [Text Outline]
[Color RGB] --------------------^

💡 Tips

  • 内部では `TextRasterize` と同じ render engine を使って、`TextLayout` に塗りとアウトラインを描く
  • `硬い輪郭` は、輪郭の硬さや拡張形状を選ぶ見た目寄りのモード
  • `ピクセルパーフェクト補正` は、それとは別に L 字の角ピクセル除去を行う後処理
  • `補正する側` は、閉じた文字図形の内側エッジ / 外側エッジのどちらを優先して整えるかを選ぶ
  • `padding` は文字本体ではなく、アウトラインを含めた外側余白として扱う
  • `TextLayout` に対して reveal / animate をかけた後でも、その最終 glyph 配置へ自然に追従する

Related Nodes

text-input
text-layout
preview
color-rgb
Text Outline — PixPipeline Node Reference