LoginSignup
1
3

More than 1 year has passed since last update.

TextMeshProではPaddingの値に気をつけよう

Last updated at Posted at 2023-02-05

TL;DR

TextMeshProで生成するフォントアセットのSampling Point Sizeの設定によっては、
思わぬ表示不具合を引き起こすことになってしまう。

Unity公式がお勧めするのが、 Sampling Point Size / Padding = 10 という比率である。例えば、SPS=50で作ったらPaddingは5だ。

問題

TextMeshProでは、TMPで扱いたい通常のフォントを一度「Font Atlas」と呼ばれるテクスチャアセットに対して書き出してそこから表示する。
この事前の書き出しを行うときに使うフォントサイズを設定することができる。それがSampling Point Sizeであり、これが表示時のフォントサイズの一種の限界となるようだ。当然大きくするほど大きなアトラスサイズ(=アセットのディスク上の大きさ)が必要となるが、フォントが綺麗に描画されるなどのメリットがある。

そこで、あるフォントを極限まで綺麗に表示したいからと言って、極端に大きなSampling Point Sizeを指定したとしよう。すると、こんなことが起こる。

大きなSampling Point Sizeのフォントに「文字を囲むような半透明の箱が表示される」という不具合が起こる様子

...:interrobang:

もちろん、このテキストを表示するにあたって、マテリアルの変更などの文字の装飾は一切していない。

環境

Unity 2021.3.6f1
TextMeshPro v3.0.6

再現手順

今回はM+ Font (2p) を使って検証する。

1. Font Assetの生成

M+ 2p フォントを極限まで綺麗に表示するためにアトラスサイズを最大まで引き上げてみよう。 よいこのみんなは真似しちゃダメだぞ

大きなAtlasで生成した場合の表示

フォントアセットを生成すると、必ずレポートが出てくる。これを見ると、SPSは 1394 だ。

これとは別に、アトラスサイズ 256x256、Sampling Point Sizeは自動、生成範囲はASCII文字セットでフォントアセット化してみよう。

小さなAtlasで生成した場合の表示

レポートによるとSPSは 23 となったようだ。

2. 比較検証

フォントアセット以外の全ての設定が同じである2つのTextMesh Proコンポーネントを上下で並べると、こうなる。

大きなAtlasで生成したフォントと小さなAtlasで生成したフォントを比較している。意外にも、大きなAtlasで生成したフォントの方には文字を囲む半透明の箱が表示されるという不具合が起こった

極限まで綺麗に表示しようとせっかく大きなアトラスに書き込んだフォントが、見事に事故っている。

WHY?

この問題はUnityのフォーラムでも話題になっているのだが、極端に大きいアトラスサイズに合わせて大きくなったSPSのせいで、書き込んだフォント同士の距離(= Spacing)が小さくなりすぎるという現象が起こったことによるものだそうだ。なぜSpacingが足らないとこんな描画結果になるのかは詳しくはわからないが(隣にレンダリングされたグリフのデータが漏れた?)、Spacingは十分取らないといけないようだ。

同じフォーラムのスレッドでは、 Sampling Point Size / Padding = 10 がおすすめされている。実はこの値は生成レポートに SP/PD Ratioとして表示されていたのだ。この部分の数字が10%前後であるのが良いらしい。

Sampling Point Sizeは最初にTextMeshProを導入した時には Auto Sizing として登録されているが、これはAtlasの大きさに応じて調整してくれる、という意味である。それに対してPaddingは自動に設定する設定がなく(最大64)、見落としがちではある。
よほどのことがない限りは、ASCIIの範囲であれば512四方 ~ 1,024四方にしておけば自動設定でも問題になることはないだろう。
もしくは、SPSをCustom Sizeに設定し、自分で Sampling Point Size / Padding = 10 になるような数値にしてから、Atlasのスペースが無駄にならないサイズを探すのも良い。

自分でSP/PD比を設定した場合の例
(自分でSP/PD比を設定した場合の例)

1
3
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
1
3