Tipsというほどのことではないですが、uGUI周りの話です。

1. Unity開発Tips
金沢Unity勉強会 第4回
金沢Unity勉強会 第4回 1

2. その前に…
• ライトニングトーク（英: Lightning
Talks）とはカンファレンスやフォーラム
などで行われる短いプレゼンテーション
のこと。
• 様々な形式があるが、持ち時間が5分とい
う制約が広く共有されている。
出典：Wikipediaより
2金沢Unity勉強会 第4回

3. 自己紹介
• 島 悠介
• @clear10_foo
• 金沢大学 ゲーム制作サークル
• ゲーム作りたいマン
• Unity歴は2年程度
• （ゲーム会社アルバイター）
金沢Unity勉強会 第4回 3

4. 今日話すこと
• UnityEngine.EventSystemsのすゝめ
• uGUIを使うときのテクニック
• 短い
金沢Unity勉強会 第4回 4

5. Unity
金沢Unity勉強会 第4回 5

6. Unityのいいところ
• Asset Store
• 「それっぽく」見えるものがすぐ出来る
• 物理エンジン
• 資料が豊富
• マルチプラットフォーム！
金沢Unity勉強会 第4回 6

7. 便利すぎか
金沢Unity勉強会 第4回 7

8. 気をつけたいところ
• Unityはあくまで「ツール」
• Unityにだって苦手なことはある
Unityの勉強
ゲームプログラミングの勉強
金沢Unity勉強会 第4回 8

9. 本題
金沢Unity勉強会 第4回 9

10. UnityEngine.EventSystems
の
すゝめ
金沢Unity勉強会 第4回 10

11. UnityEngine.EventSystems
• UIとかを作ると勝手に作られる(厳密に言うと全然違う)
金沢Unity勉強会 第4回 11

12. UnityEngine.EventSystems
• イベントを取り扱う名前空間
• マウスの入力やタッチイベントを判別
• インターフェイスがいくつも定義されて
いる
• 基本的な挙動がイベントで受け取れる
金沢Unity勉強会 第4回 12

13. 例えばクリック
• こんな感じ
金沢Unity勉強会 第4回 13

14. いっぱいある
• IBeginDragHandler
• ICancelHandler
• IDeselectHandler
• IDragHandler
• IDropHandler
• IEndDragHandler
• IEventSystemHandler
• IInitializePotentialDrag
Handler
• IMoveHandler
• IPointerClickHandler
• IPointerDownHandler
• IPointerEnterHandler
• IPointerExitHandler
• IPointerUpHandler
• IScrollHandler
• ISelectHandler
• ISubmitHandler
• IUpdateSelectedHan
dler
金沢Unity勉強会 第4回 14

15. UI以外もいける
• MainCameraにPhysicsRaycasterをアタッ
チ
• スクリプトをアタッチするオブジェクト
にコライダーを設定
• RayCastを自分で行う必要がなくなった！
金沢Unity勉強会 第4回 15

16. PointerEventData
• マウスイベント/タッチイベントに必要そ
うな情報がまとめられている
• 自分で変数を用意することがまずない
• 詳細はリファレンス参照のこと
http://docs.unity3d.com/460/Documentation/ScriptRefere
nce/EventSystems.PointerEventData.html
金沢Unity勉強会 第4回 16

17. 便利なので使いましょう
金沢Unity勉強会 第4回 17

18. uGUIを使うときのテクニック
金沢Unity勉強会 第4回 18

19. 1.uGUIのアス比問題
デモ
金沢Unity勉強会 第4回 19

20. 1.UIを作ってみる
• まずはたたき台を作る
• 作った
→ダメだこりゃ
金沢Unity勉強会 第4回 20

21. 2.何がいけなかったのか
• Canvasの設定を見直す
• Canvas ScalerのScale Modeが原因
• Constant Pixel Size->変更
→実はまだ十分ではない
(場合によります)
金沢Unity勉強会 第4回 21

22. 3.Letter Boxの適用
• 縦横に引き伸ばしたときはUIのアス比を
固定してほしい
• Canvasの子にGameObjectを置く
• GameObjectのRectTransformを設定
• 更にその子に作ったUIを配置
• テレビに使われる手法(Letter Box)
→元のアス比が固定された！
金沢Unity勉強会 第4回 22

23. オサレUI3分クッキング
デモ
金沢Unity勉強会 第4回 23

24. こんな感じのものを作ります
金沢Unity勉強会 第4回 24