【unity道場スペシャル 2017大阪】カッコいい文字を使おう、そうtext...

1

文字でカッコいい画面を作ろう。そう…TextMesh Proならね

2

ユニティ・テクノロジーズ・ジャパン

山村 達彦

@tsubaki_t1

フォント、使ってますか？

4

5

フォントは意外と重要

6

ゲームの雰囲気を伝える

7

文字は一文字で意味を伝える

8

文字のレイアウトで見栄えが変わる

9

文字…フォント…大事…大事…

10

uGUIでは役不足

11

Text Mesh Proって どんな事が出来るの？

13

TextMeshProの凄い所

14

① 拡大してもフォントが滲まない

15

① 拡大してもフォントが滲まない

16

uGUI

TextMeshPro

uGUI TextMeshPro

17

② 様々なレイアウト調整機能

18

② 様々なレイアウト調整機能

カーニング有

カーニング無

19

20

21

③ 文字に表情を付ける効果が良い

22

③ 文字に表情を付ける効果が良い

フワっとした影 アウトライン グロー 模様

23

設定・変更は即座に反映される

24

④ この素晴らしい文字に演出を

25

④ この素晴らしい文字に演出を

26

Lightからの影響を受けるオプションも

27

⑤ タグによるリッチテキスト制御

28

⑤ タグによるリッチテキスト制御

• 太字• イタリック• アンダーライン• 取り消し線• 文字の大きさ• マージン• ハイライト• アイコン表示

29

文字にアイコンを埋め込むことも出来る

30

① 拡大してもフォントが滲まない

② 様々なレイアウト調整機能

③ 文字に表情を付ける効果が良い

④ この素晴らしい文字に演出を

⑤ タグによるリッチテキスト制御

すごいぞTextMeshPro!

どうやって使うの？

33

34

フォント Text Meshコンポーネント

1 2 3

変換 登録

Font Asset

35

ゲームアプリの数学@GREE GameDevelopers' Meetup

36

x1 x1.5 x2 x3

37

38

フォント Font Asset Text Meshコンポーネント

1 2 3

変換 登録

39

40

41

42

43

44

フォントFont Asset Text Mesh

コンポーネント

1 2 3

変換 登録

45

46

47

フォント Text Meshコンポーネント

1 2 3

変換 登録

Font Asset

48

49

50

マテリアルを増やす

51

52

53

54

55

どんな風に使うの？

57

58

59

60

61

62

63

64

65

66

67

1

2

3

68

69

70

uGUIとText Mesh Proの使い分け

72

VS

複数のフォントサイズ時に有利

フォントテクスチャの再構築が無い

ズーム時にエッジが綺麗

事前に使用する文字を登録する必要がある

解像度が一致してれば綺麗

ダイナミックフォント対応

フォント更新時（追加時ではない）にスパイクが起こる

uGUI

禁則処理とかアイコン表示が出来る

既にUGUIで作ってるなら…

TextMeshProReplacerReplace box with image

https://github.com/jackisgames/TextMeshProReplacer

Q&A