uGUI を 使ってみよう ( 導入・紹介？編 ) 1
uGUI とは O Unity 4.6 から使えるようになった UI （ユー ザーインターフェース）システム O 8 月： Unity4.6 β uGUI 試用版公開 O 11 月： Unity4.6 uGUI 正式版公開 正式版公開で、 機能紹介ブロ グも増えてき た 2
3
4
5
uGUI のメリット O 今までの OnGUI 関数を使った、煩わしいス クリプト上での実装をしなくていい O NGUI を買わなくても、標準機能でまとも な UI を作れる 6
使うには O Unity の Version を 4.6 以上にすれば OK 7
O 手っ取り早く覚えるには、試しつつも 分からない箇所をググるのが早い （正式版リリース後は日本語の解説記事 も増えてより学びやすくなった） O とはいえ、始める足がかりが欲しい … 8 使いこなす には
簡素な道しるべ的なもの O 今回は、導入・入門レベルでの紹介のみ ★ uGUI 自体を知る ★ ★ 適当に UI を設置してみる / サンプル Asset をいじる ★ ★ ★ 公式チュートリアルを見ながら実装してみる ?????? やりたい実装に合わせてググりながら試行錯誤 9
★ uGUI 自体を知る O 何か色々ある Panel Button Text Image Canvas EventSystem … 10
表示だけならこれだけで ok O ① GUI 描画用のスペースとして Canvas を設 置 O ②枠や背景部分がいるなら Panel 設置 O ③後は text/image/button など設置 11
O Canvas/Panel/Button/Text だけでもある程 度 形になる。 （ EventSystem は UI 関連の Object 設置と共に自動生成される） マウス操作だけで適当に上の４つを配置しただけで出来たもの （次ページ） 12
13
O クリック後の処理等々せず、 表示させるだけなら楽ちん 14
O ある程度用途に合わせて使うとなるともう少し踏み込んで知る 必要がある … けど、日本語の良いまとめが沢山あるのでそちら を読んだ方が分かりやすい O Canvas 周りの解説記事 【 Unity 、 uGUI 】チュートリアル見ながら触ってみる。 01.Canvas O gif 画像 (?) 添付しながらの説明で分かりやすい記事 Unity の uGUI 入門してみた O 恐らく一通り全部の詳細な解説記事 ( 文量多め ) Unity 4.6 の新 GUI を使おう (1/7)
★ ★ 適当に UI を設置してみる / サンプル Asset をいじる O Unity 公式のサンプルを触ってより詳細な使い方を 学ぶ (7 つのサンプル scene があり、 toggle や slider も 使ってる ) 16
★ ★ ★ 公式チュートリアルを見ながら実 装してみる O 時間はかかるが、公式チュートリアル動画を見ながら進めると一通 り使えるようになると思われる … O ただ、操作を見れば分かるとはいえ英語解説なのでちょっとつらい 17
O 英語のリファレンスもあります O on/Manual/UISystem.html 18
〆 O 前回の講座は話の内容や難易度が一部の 人に限られたので、今回は表面部分の説 明だけと学び方の足がかりになりそうな ものの提示のみで終了 19
O EventSystem や、（ Button であれば） Inspecter の Onclick() など、今回飛ばした機 能はかなり沢山あるので、入力判定・入 力後の処理なども色々出来ます。 O その辺りはググったり、直接聞いて下さ い （自分もまだあまり使えてないですが … ） 20
Fin 21