メインコンテンツまでスキップ

Text Elements

テキストエレメント (Text Element) は、font assetを使用してテキスト文字列を表示するために使用されます。

テキスト (Text)

テキストエレメントには、表示されるテキストを入力する文字列フィールドが含まれています。文字列フィールドに改行文字を入力するには、Shift + Enterを使います。

ヒント

文字列内の各文字に対して1つのクワッドを使用して、テキスト要素が画面に表示されます。テキストプロパティを変更すると、要素のメッシュが再生成されます。これはパフォーマンスに影響しますが、フレームごとに合理的な数の要素にテキストコンテンツを変更することには問題はありません。

Text Markup

Text elements support a simple markup syntax that allows you to apply different colors to specific parts of the text. Consider this example:

[color="#ff0000"]Red[/color], [color="#00ff00"]green[/color] and [color="#0000ff"]blue[/color].

Assuming the base color of the text element is white, this will render as follows:

Text Markup

ヒント

You must proactively enable support for the markup syntax on a text element. You can do this via the API:

entity.element.enableMarkup = true;

Or by enabling it in the Editor:

Enable Markup

ローカライゼーション (Localization)

テキストエレメント のテキストをローカライズするには 'Localized' チェックボックスをオンにできます。この機能が有効になっている場合は、テキストの代わりに、ローカライズアセットからローカライズされたテキストを取得するために使用される テキストエレメント のローカライズキーを指定する必要があります。

ローカライズについての詳細はこちらを参照してください。

自動サイズ (Auto-size)

デフォルトで、テキストエレメントは、テキスト文字列と一致するように幅と高さを自動的に調整するように設定されています。これを無効にして、要素の高さと幅をEditorパネルで直接指定することができます。

Auto Size

注記

文字の高さは、フォント内の最大の文字によって決まります。文字列の内容に応じて文字列の位置が変わらないように、すべての文字はそのように定義されます。

アラインメント (Alignment)

テキスト要素には、アライメントという配置を補助するための追加ツールがあります。Word Processのようなツールをしているとこのプロパティがの機能に慣れます。今回のケースではプリセットではなく変更可能な変数が公開されます。アラインメントは0と1の間の2つの値[X, Y]で構成されています。[0,0]は左下の配置、[0.5,0.5]は中央、[1,1]は右上に配置されます。

Top Left

Centered

Bottom Right

フォントサイズと行の高さ

font sizeプロパティは、Screenコンポーネントピクセルでフォントのレンダリングサイズを設定します。テキストに改行文字が含まれている場合、行の高さは下に移動する距離をScreen Componentピクセルで設定します。

同等のフォントサイズとデフォルトの行の高さ:

Font Size Line Equal

ラインの高さを上げてラインの間隔を広げる:

Font Size Line Spaced

スペーシング (Spacing)

spacingプロパティは文字列内の文字間の距離を伸ばします。フォントは、各文字に対して前方にカーソルを移動する理想的な距離を定義します。spacingプロパティはこの距離の乗数です。

Spacing

着色 (Tinting)

Colorプロパティを使用すると、文字列を選択した色に色付けすることができます。

Tinted

透明性 (Tranparency)

Opacityプロパティでは、文字列の透明度を設定できます

Transparent