【Unity道場スペシャル 2017札幌】カッコいい文字を使おう、そうtext meshならね

513 Views

October 20, 17

スライド概要

2017/10/8に開催されたUnity道場 札幌スペシャル2の講演動画です。
講師:山村達彦(ユニティ・テクノロジーズ・ジャパン合同会社)
講演動画:https://youtu.be/MbtHP_d0apg

最近、無料で利用可能になったテキスト レンダリング アセット「TextMesh Pro」。この大人気アセットを使用することで、単純な文字の表示だけでなく、綺麗な演出や 面白い表現が可能になりました。このセッションではTextMesh Proの機能紹介だけでなく、TextMesh Proを使ったオモシロ表現方法について紹介します。

こんな人におすすめ
・TextMesh Proでフォント表現の幅を広げたい方

得られる知見
・TextMesh Proの使い方
・TextMesh Proで出来る事

Unityのイベント資料はこちらから:
https://www.slideshare.net/UnityTechnologiesJapan/clipboards

profile-image

リアルタイム3Dコンテンツを制作・運用するための世界的にリードするプラットフォームである「Unity」の日本国内における販売、サポート、コミュニティ活動、研究開発、教育支援を行っています。ゲーム開発者からアーティスト、建築家、自動車デザイナー、映画製作者など、さまざまなクリエイターがUnityを使い想像力を発揮しています。

シェア

埋め込む »CMSなどでJSが使えない場合

関連スライド

各ページのテキスト
1.

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

2.

山村 達彦 ユニティ・テクノロジーズ・ジャパン @tsubaki_t1 2

3.

文字、拘ってますか?

5.

意外と重要 フォントは 5

6.

ゲームの雰囲気を伝える 6

7.

カッコいい vs 読みやすい 7

9.

文字は意味を伝える 9

10.

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

11.

フォントを揃える事で統一感を出す

12.

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

13.

uGUIでは不十分 13

15.

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

16.

TextMeshProの凄い所 16

17.

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

18.

① 拡大しても輪郭がボケずに綺麗 18

19.

uGUI uGUI TextMeshPro 19 TextMeshPro

20.

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

21.

② 様々なレイアウト調整機能 カーニング有 カーニング無 21

22.

カーニング? ●文字の組み合わせで 文字のスペースを詰める ●フォントの文字同士の 間隔(アキ)を調整する技法 ●文字の形状に合わせて 個別に文字間の距離を微調整する タイポグラフィ手法

23.

文字の間隔調整 23

24.

禁則処理 24

25.

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

26.

③ 文字に表情を付ける効果が良い フワっとした影 アウトライン グロー 26 模様

27.

アウトライン uGUI TextMeshPro

28.

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

29.

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

30.

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

31.

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

32.

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

33.

⑤ タグによるリッチテキスト制御 • 太字 • イタリック • アンダーライン • 取り消し線 • 文字の大きさ • マージン • ハイライト • アイコン表示 33

34.

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

35.

自作タグ 35

36.

すごいぞTextMeshPro! ① 拡大してもフォントが滲まない ② 様々なレイアウト調整機能 ③ 文字に表情を付ける効果が良い ④ 文字に凹凸感のある演出 ⑤ タグによるリッチテキスト制御

37.

どうやって使うの?

39.

変換 フォント 1 登録 Font Asset Text Mesh 2 3 39 コンポーネント

40.

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

41.

x1 x1.5 x2 41 x3

43.

uGUIは? ゲームが使用してる文字をフォントから取得 一杯になったら一旦リセット ttf/otf 43

44.

変換 フォント 1 登録 Font Asset Text Mesh 2 3 44 コンポーネント

50.

変換 フォント 1 登録 Font Asset Text Mesh コンポーネント 2 50 3

53.

変換 フォント 1 登録 Font Asset Text Mesh 2 3 53 コンポーネント

56.

マテリアルを増やす 56

62.

どんな風に使うの?

69.

アウトラインで、背景に依存せず綺麗に見える 左の桁が前面に表示される 69

73.

1 2 3 73

77.

uGUIとText Mesh Proの使い分け

78.

VS 78

79.

uGUI ズームしても輪郭が綺麗 解像度が一致してれば綺麗 フォントテクスチャの再構築による スパイクが無い ダイナミックフォント対応 (フットプリントが最小限) 禁則処理とかアイコン表示が出来る 事前に使用する文字を登録する必要がある フォント更新時(追加時ではない) にスパイクが起こる

80.

既にUGUIで作ってるなら… Replace box with image TextMeshProReplacer https://github.com/jackisgames/TextMeshProReplacer

82.

フォント協力:モリサワ Q&A