UnityでRaycastがUGUIを貫通する

Question

UnityでRaycastがUGUIを貫通する

Unity(2018.3.3f1)2dにてCanvasをOverlayのmodeにして、Panelを設置しました。
そして、collider2Dを付けたspriteをz(0)軸にx,yがそれぞれ0~10の間に敷き詰めました。
実行後、Panelをクリックすると画面上でPanelの下にあるspriteを取得してしまいます。
raycastがPanelを貫通して下のspriteに当たるのが原因だと思うのですが、raycastをPanelでブロックする方法か、UGUIをクリックしても下のspriteを取得しない方法を教えていただければ幸いです。

試したこと

Canvas Groupのコンポーネントにblock raycastの項目があったのでPanelに付けてみましたが、下のspriteを取得しました。

Comments

[sakura_hana]

「ugui raycast」で調べてみてください。
それで解決しなければコードと各オブジェクトの座標を質問に追記してください。
（EventSystemのRaycastではなくPhysics2DのRaycastを使ってしまっているんじゃないかと思います）

Answer 1

今は、下記のようにスクリーン座標からRayを飛ばしてspriteを取得していますか？
この場合、UnityEngine.EventSystemsが自動的に処理してくれる重なり順を意識してくれません。

Ray ray = Camera.ScreenPointToRay(Input.mousePosition);
RaycastHit2D hit = new RaycastHit2D();
(省略)

解決方法は2通りあります。

1. uGUIが利用中か判定して利用中は処理しないようにする

今のコードにあまり修正を加えたくない場合はこちらです。EventSystem.currentで現在アクティブなEventSystemを取得し、uGUIを操作しているか判定できるので操作中は処理しないようにすれば実現できます。

//PCやエディタの場合
IsTouchUGUI = EventSystem.current.IsPointerOverGameObject();
//モバイルの場合
IsTouchUGUI = EventSystem.current.IsPointerOverGameObject(touch.fingerId);

2. spriteのクリック判定にEventSystemを使う

今のコードに大幅な変更が加わりますが余計な判定がいらないのがこちらです。EventSystemのRaycasterを使うと自動的に重なり順を判定してくれます。実装方法やサンプルコードは過去に回答したのでそちらのリンクを共有します。

https://teratail.com/questions/92939#reply-144631

最小のサンプルコード

using UnityEngine;
using UnityEngine.EventSystems;

public class ClickSprite : MonoBehaviour, IPointerClickHandler
{
    public void OnPointerClick(PointerEventData eventData)
    {
        Debug.Log("Spriteがクリックされました。");
    }
}

実装例ではIPointerClickHandlerというオブジェクトをクリックする実装方法を記載しましたが、ドラッグやホバーなどたくさんの種類があります。

https://docs.unity3d.com/ja/2018.2/ScriptReference/EventSystems.IPointerClickHandler.html

Comments

[kurimia04]

RaycastHit2Dで取得していました。
解決方法を二種類も教えていただき、ありがとうございます。
今回は１の方法で実装しようかと思います。次回からは２を意識して組み立てられればなと思いました。
本当にありがとうございました。

[IShix]

解決できてよかったです。
EventSystem.currentですが、内部で取得するコードが走ってるっぽいので変数に代入しておくと良いと思います。