Unity 2D　オブジェクトをタッチしてイベントを発生させる方法

##0.0　はじめに
オブジェクトをタッチまたはクリックしてイベントを発生させる方法をまとめました。
ゲーム中にキャラクタやオブジェクトをタッチして操作する際にとても便利です。





準備として何でもよいので、まずは可視出来るオブジェクトを１つ作ってください。



>何もなければ、下の手順でオブジェクトが作れます。
１. 下記の青い四角を右クリック、"名前を付けて画像を保存"してください。名前は何でもよいです（例：Square.png）
２. 保存した画像をUnityのProjectウインドウ内のAssetフォルダに入れてください（ドラッグ&ドロップ）。
３. そしてこの画像をそのままHierarchyへ入れてください（ドラッグ&ドロップ）。
![Square.png](https://qiita-image-store.s3.ap-northeast-1.amazonaws.com/0/352037/e662345f-fe31-cb8a-1113-b7349f402e68.png)












##1.0 Event Systemオブジェクトを追加する
Hierarchyの中にEvent System（イベントシステム）を追加します。忘れがちなので最初にやりましょう。
Event Systemはタッチやクリックなどのユーザー入力を監視しイベントを伝える役割を果たします。




👍**ポイント**
Event SystemはUIを作成した際に自動的にできます。１つあれば十分なので、すでにEvent SystemがHierarchyの中にあるのであれば追加する必要はありません。
HierarchyのCreateから UI -> Event Systemの順で選んで追加します。
<img src = "https://qiita-image-store.s3.ap-northeast-1.amazonaws.com/0/352037/44061240-dbae-6a52-30f3-b2f4d75d0f23.jpeg" alt="Add Component" title="Add Component" width="400" height="300">





























##2.0 Physics 2D Raycasterコンポーネントをカメラオブジェクトに追加する
カメラにPhysics 2D Raycasterコンポーネントを追加します。こちらも忘れがちなので最初にやりましょう。
たいていの場合、シーンにMain Cameraがあると思います（シーンの初期設定でHierarchyの中にMain Cameraが作られています）。このカメラにRaycastコンポーネントを追加します。






👍**ポイント**
Raycast（レイキャスト）とは、ある地点から特定方向へ発射された光線（Ray）のようなもので、そのRayと衝突したオブジェクトの情報を入手することができる機能です。今回はこのRaycastの機能を使ってタッチしたところにあるオブジェクトの情報を入手します。



HierarchyでMain Cameraを選択します。そしてAdd Componentをクリックして、検索窓にてPhysics 2D Raycasterを検索して選びます。ray と入力すると予測が出てきます。　Physics Raycasterも出ますが2Dの場合はPhysics 2D Raycasterの方を選んでください。



![AddPhysics2DRaycaster.gif](https://qiita-image-store.s3.ap-northeast-1.amazonaws.com/0/352037/4fcd4181-8c72-4a10-9f6a-62f1f90e54dd.gif)





































##3.0 Event Triggerコンポーネントの追加
タッチするオブジェクトを選択して、Add ComponentでEvent Triggerを追加します。Add ComponentボタンはInspector（インスペクター）の一番下にあります。　





<img src = "https://qiita-image-store.s3.ap-northeast-1.amazonaws.com/0/352037/249d949d-b02d-4452-bb1b-d4e578442f34.jpeg" alt="Add Component" title="Add Component" width="400" height="300">








検索の窓でEvent Triggerを探します。（Eと入力すると入力予測でEvent Triggerがすぐ下に出てきます。）
<img src = "https://qiita-image-store.s3.ap-northeast-1.amazonaws.com/0/352037/dbc0c382-4503-61ae-cd08-94d714febef7.png" alt="Event Triggerの追加方法" title="Event Triggerの追加方法" width="400" height="300">





















これでEvent Triggerコンポーネントが追加できました。
<img src = "https://qiita-image-store.s3.ap-northeast-1.amazonaws.com/0/352037/c03b55bb-eee4-c2b0-295a-1c425e01ddd0.jpeg" alt="Event Triggerコンポーネント" title="Event Triggerコンポーネント" width="400" height="300">










Add New Event Typeをクリックするとイベントが選べます。
<img src = "https://qiita-image-store.s3.ap-northeast-1.amazonaws.com/0/352037/5800c087-e211-cf63-e58e-af222274dfda.jpeg" alt="Add New Event Type" title="Add New Event Type" width="400" height="300">





















↓は　Pointer Down　を選んだ場合

ここへ呼び出す関数を登録します。詳しくは**6.0 呼び出し関数の登録**を参考にしてください。



![EventTrigger.Componentjpg.jpg](https://qiita-image-store.s3.ap-northeast-1.amazonaws.com/0/352037/97a988cc-388d-8585-4d07-a2d9a020b20e.jpeg)



















##4.0 Colliderの追加
タッチさせたいオブジェクトにコライダー追加にコライダーを追加しましょう。下の図はBox Colliderを追加したところ。




👍**ポイント**
コライダーはBox ColliderやCircle Colliderなど数種類あります。オブジェクトの形やタッチをしたい領域に合わせて選びましょう。
**2Dの場合はBox Collider 2Dのように2Dと名前が付いたものを選びましょう。**


![addCollider.gif](https://qiita-image-store.s3.ap-northeast-1.amazonaws.com/0/352037/665540fe-c661-d034-9140-35f5906d8e2e.gif)




















































##5.0 スクリプトを作成
タッチしたときの動作が書かれたスクリプトを作成します。
今回は下のようなSquare.csというスクリプトを作成してオブジェクト（ここではSquareオブジェクト）にアタッチ（貼り付け）しましょう。



```C#:Square.cs
using System.Collections;
using System.Collections.Generic;
using UnityEngine;

public class Square : MonoBehaviour
{
    // タッチされた時に呼ばれる関数
    public void OnTouched() {
        Debug.Log("オブジェクトがタッチされました!!");
    }
}
```









<br>
##6.0 呼び出し関数の登録
1. 右下の＋を押して呼び出し関数の登録画面を作ります。
2. スクリプトがアタッチされたオブジェクトを"None(Object)"となっている枠に入れます（ドラッグ&ドロップします）。
3. "No Function"と書かれたバーをクリックしてスクリプト名、関数名を選びます。





👍**ポイント**
目的の関数が見つからないときは、
スクリプトが正しくアタッチされているか？
関数のアクセス修飾子が**public**になっているか？
を確認してみてください。




![image.png](https://qiita-image-store.s3.ap-northeast-1.amazonaws.com/0/352037/a5af51fb-f979-3bb1-0ef6-06ea643ed8ec.png)











##7.0 おわりに
コンソール画面に正しく表示されたら成功です。



![image.png](https://qiita-image-store.s3.ap-northeast-1.amazonaws.com/0/352037/f7ea7356-374d-cc6d-2f34-791b44fe32ca.png)