2
1

Delete article

Deleted articles cannot be recovered.

Draft of this article would be also deleted.

Are you sure you want to delete this article?

@tukigaselio(理緒 月ヶ瀬)

新しくなったText 3D プラグインを見てみる

2
Posted at

Text3Dプラグインが知らん間にすごくなってた

image.png

Text3Dプラグインが5.6.1～5.7にかけて大幅にアップデートされていた模様
便利そうな新機能も増えていたので見てみようと思います。

このプラグインはBeta版です。
UE5.6ではText3Dプラグインを導入することにより、突然クラッシュするようになる現象が多数確認されています
現状最新の問題のないと思われるバージョンは5.5であり、5.7ではそれなりにクラッシュします。
検証中ずっと触ってましたが、結構な頻度で落ちました
導入する際は、細心の注意を払ってください

詳細の比較

UE5.5.4↓
image.png

UE5.7.4↓
image.png

なんかもう別物レベルで違いますね。

テキスト

Text Renderer Class

従来ではStatic Mesh固定だったのが、Dynamic Meshも選べるようになりました。
image.png
でもDynamic Meshを使うシーンはほとんどないので基本Static Meshでいいと思います。

テキスト

特に記述すべき内容無し。次
image.png

Default Font/Default Typeface

ここが一番重要
何とPCにインストールされているフォントを使えるようになりました!!!!

image.png

image.png

一度使用したフォントはコンテンツフォルダ内のSystemFontsに追加されます
image.png
組み込み不可なフォントを使ってないか要確認！

なおこのせいで、起動するたびにWindowsのフォントのフォルダを毎回チェックするらしく、起動に時間がかかるとフォーラムでは不評のようでした。確かに３分くらいかかる。かわいそうに

Default FontSize

いままでScaleを直接触るしかなかったFontSizeが変更できるように
逆になんで今までついてなかったんだよ
image.png

Enforce Upper Case

テキストに大文字を強制するやつです。UIと同じ感じで小文字版をつけてくれてもよかったんやで。
image.png

トークン

MRQとかでよく見る{}で囲まれたテキストを特定の文字列に置き換えてくれるやつです
例えばこのように設定してSet Textしてあげることで、Contentの文字列が表記されるようになります
image.png
image.png

image.png
5.6で追加されたNaming Tokensのトークンが使えるわけではないようです。残念

スタイル

大体UMGのリッチテキスト
スタイルを作成するかオーバーライドで作成
image.png
image.png

テキストをこんな感じで打ち込みます

<TestStyle>aaaaa</>
<dela>aaa</>

設定したスタイルでテキストが出力されます
image.png

なお、

<TestStyle>aaaaa</><dela>aaa</>

のように続けて書くと文字列がロストしたり、UMGのように設定のない部分を作れなかったり（必ず全部< > < / >で囲う必要がある）いろいろ問題が残っているシステムです。あとFrontにしか反映されない。絶妙に使いにくい

レイアウト

Horizon・Vertical Alignment

中央揃えとか上揃えとかそういう話
image.png

Tracking

文字のテキストの間隔（横方向）
image.png
image.png

Line Spacing

文字のテキストの間隔（縦方向）

image.png
image.png

Word Spacing

半角とか全角がある場合、そこの間隔を伸ばしてくれる
image.png

Max Width/Height

デフォルトではオフのオプション
このテキストが持てる限界のサイズを設定する。限界を超えたときMax Width Behaviorに沿ってスケールかWrapする。
Scale Proportionallyが入っていると縦横のテキストの比率が保持される

image.png

Layout Effect

簡易版モーションデザインのような機能です。位置回転スケールをアニメーションできます。
Adobe Express - a 2026-04-24 15-56-58.gif

BluePrintからも取得できます
image.png

ジオメトリ

Extrude

押し出し量とか厚みとかそういうやつです
image.png

Bevel/Bevel Type/Bevel Segment

エッジの落とす量と落とし方、落とし方によっての係数です

image.png

image.png

Linear

image.png

Half Circle

image.png

Convex

image.png

Concave

image.png

One Step

image.png

Two Steps

image.png

Engraved

image.png

OutLine

アウトラインを付けます。Bevelとは両立しません。OutLineで厚み、Typeで見た目を変更できます
image.png

Stroke

image.png

Fill

image.png

Charactor Pivot Alignment Horizon

おもにLayout Effectなどの個別の文字を操作するときのPivotの位置です
image.png

マテリアル

Style

今回だいぶ刷新されました。一個一個見ていきます
image.png

Solid

色だけで指定できるタイプです
image.png

Gradient

グラデーションを作成します。
Gradient Smoothnessでぼかし具合
Gradient Offsetでグラデーションの位置
Gradient Rotationでグラデーションの回転
を調整できます
image.png

Texture

Textureを使用します
image.png

Custom

旧来のMaterialタイプです
Use Single Materialで一個のマテリアルのみにすることもできるようになったのはありがたい
image.png

Is Unlit

Unlitにします
image.png

Blend Mode

透明か非透明か。デフォルトはOpacure
image.png

Translucent

Translucentにすると、オプションが増えます
image.png

Opacure　透明度です

image.png

Use Mask

マスクオプションを使用します。Gradientと同じようにグラデーションでMaskをすることができます。
image.png

Mask Offsetでグラデーションの位置
Mask Smoothnessでぼかし具合
Mask Rotationでグラデーションの回転
を調整できます
image.png
image.png

ユーティリティ

何個か項目がありますが、動作してません。
image.png
Open Project Settingで、プロジェクト設定を開くことができます。
image.png

まとめ

しばらく見ていない間にだいぶ機能が増えていました。概ねMotion Design関係っぽいですね。
この記事を書いている間に10回ほどクラッシュしました。5.7でのクラッシュ要因とバグをまとめておきます。

UE5.7でのバグ状況

直打ち入力だとエラーが出る

入力フィールドに直打ちで値を渡そうとするとエラーになります
なおこの状態でうっかり保存したりコンパイルすると元気にクラッシュします。気を付けましょう
image.png
image.png

レベル上に配置したインスタンスからText 3Dコンポーネントを操作すると、何も表示されなくなる

クラスでなくインスタンス側で操作しようとするとテキストが全ロストします
image.png

アセットのビューポートでクリックするとクラッシュ

ビューポートでクリックして選択しようとすると百発百中でクラッシュさせることができます
コンポーネントタブから選ぶようにしましょう
レベル上では選択して大丈夫です
image.png

2
1
0

Register as a new user and use Qiita more conveniently

  1. You get articles that match your needs
  2. You can efficiently read back useful information
  3. You can use dark theme
What you can do with signing up
Sign upLogin
2
1

Delete article

Deleted articles cannot be recovered.

Draft of this article would be also deleted.

Are you sure you want to delete this article?