3
山村 達彦Unity Technologies Japan GK @tsubaki_t1
18
リッチテキスト• 太字• イタリック• アンダーライン• 取り消し線• 文字の大きさ• マージン• ハイライト• アイコン表示
27
フォントのサイズを複数使用すると、大きさの異なる同じ文字が作られる
33
複数のフォントサイズ時に有利
テクスチャの再構築が無い
エッジが綺麗
「フォントの再配布」のルールに抵触しないかもしれない※
ファイル生成の手順が必要
フォントが含まれない場合表示出来ない
(要フォントのライセンス確認)
38
アウトライン表現はシェーダー任せ描画回数も抑えられる
色が濃い所は何度も描画してる
43
テキストに模様を付けるのが楽
エッジが綺麗 uGUIのルールとは若干異なる(内側に滲む)
オーバードローにならない
46
禁則処理も対応
([{〔〈《「『【〘〖〝‘“⦅«$—…‥〳〴〵\[({£¥"々〇〉》」$⦆¥₩ #
)]}〕〉》」』】〙〗〟’”⦆»ヽヾーァィゥェォッャュョヮヵヶぁぃぅぇぉっゃゅょゎ
ゕゖㇰㇱㇲㇳㇴㇵㇶㇷㇸㇹㇺㇻㇼㇽㇾㇿ々〻‐゠–〜?!‼⁇⁈⁉・、%,.:;。!?]):;=}¢°"†‡℃
〆%,.
行頭禁則文字
行末禁則文字
49
HTMLタグと同じようなタグ
TextMesh Pro Documentation
55
リッチテキスト、何が良くなったの?
• 滑らかなフォント表現• 綺麗なエフェクト• 強力なレイアウト• より良いタグ
57
Step 1
Text Mesh Proを入手Replace box with image
58
Step 2
FontAssetを作成するReplace box with image
59
Step 3
TextMeshProUGUIを追加Replace box with image
64
既にUGUIで作ってるなら…
TextMeshProReplacerReplace box with image
https://github.com/jackisgames/TextMeshProReplacer
65
文字を一文字ずつ表示Replace box with image maxVisibleCharactersを使う
66
ページ分割
Replace box with image
<page>タグで区切るpageToDisplayで出したいページを指定
67
オートサイズを使用して
文字列がズレるのを防ぐ。
もしくは、WrappingやOverflowをOFF
理想
現実
妥協