Unityでドラッグ移動が可能なUIパネルを作りたいです。

Question

###実現したいこと
UIのパネルを使って、ステータス表示ウィンドウ的なものを作ろうとしています。

パネルをドラッグで自由に移動させたいのですが、方法が思いつきません。

###発生している問題

同じスクリプトをアタッチしている複数のパネルが、ドラッグで同時に動いてしまいます。

###該当のソースコード

using System.Collections;
using System.Collections.Generic;
using UnityEngine;
using UnityEngine.EventSystems;

public class PanelDragCtrl : MonoBehaviour{
    Vector3 mousePos;
    Vector3 clickPos;
    Vector3 offSet;

    bool dragMode = false;

    void Start () {
	}

    void Update () {

        // UIの上にカーソルがある時だけ実行
        if (EventSystem.current.IsPointerOverGameObject() == false)
        {
            return;
        }


        if (Input.GetMouseButtonDown(0))  //クリック開始時に
        {
            clickPos = Input.mousePosition; //ドラッグ開始位置を取得して、
            offSet = transform.position - clickPos; //UIの中心とドラッグ開始位置のズレを取得

            dragMode = true; //ドラッグ処理を開始
        }
        else if (Input.GetMouseButtonUp(0)) //クリック終了時に
        {
            dragMode = false; //ドラッグ処理を終了
        }


        if (dragMode)
            PanelDrag();
	}


    void PanelDrag() 
    {
        mousePos = Input.mousePosition; //ドラッグ中のカーソル位置

        transform.position = mousePos + offSet; //UIをドラッグさせる
    }
}

上記のスクリプトを、UIのパネルにアタッチしていました。
ですが、このままだと、同じスクリプトをアタッチしているパネルが同時に動いてしまいます。

###試したこと
まずパネル自体にスクリプトをアタッチするのを止めました。

そして、
『どのパネルをドラッグしているかを認識するために、Rayを飛ばして、RaycastHitを取得。

そして、取得したRaycastHitの座標を移動させる』みたいなスクリプトを書こうとしました。
(書いたスクリプトはメインカメラにアタッチ)

……ですが、RayがUIパネルに当たらないっぽいんです……。

###補足情報
Unityのバージョンは、5.6.1f1です。
プログラムは、つい最近始めたばかりの素人です。よろしくお願いします。

Answer 1

簡単に調べてみたところ、EventSystem.current.IsPointerOverGameObject()はEventSystemオブジェクト上にあるかどうかをチェックするものだと書かれていました。
https://docs.unity3d.com/ja/540/ScriptReference/EventSystems.EventSystem.IsPointerOverGameObject.html
なので、パネルが同時に動いてしまう点については、EventSystem.current.IsPointerOverGameObject()によって、すべてのパネルが反応して動いてしまっていることが原因だと思われます。

また、RayがUIパネルに当たらないとのことですが、通常のRaycastHitではなく、EventSystem.current.RaycastAll()を使えば、反応しました。
こちらを参考に書いてみたところ、こうなりました。
このスクリプトでは、パネル上にポインタがあるだけで反応してしまいますが、これをドラッグ時のみに反応するようにすれば大丈夫でしょう。

using System.Collections;
using System.Collections.Generic;
using UnityEngine;
using UnityEngine.EventSystems;

public class UGuiRaycast : MonoBehaviour
{
    void Update()
    {
        PointerEventData pointer = new PointerEventData(EventSystem.current);
        pointer.position = Input.mousePosition;
        List<RaycastResult> result = new List<RaycastResult>();
        EventSystem.current.RaycastAll(pointer, result);

        foreach (RaycastResult raycastResult in result)
        {
            // 反応したパネルの名前を表示
            Debug.Log(raycastResult.gameObject.name);
        }
    }
}

補足ですが、このUnityのデフォルトのGUIは「uGUI」と呼ばれております。
Googleで「uGUI ドラッグ」と検索すれば、いくつか実装例が見つかるので、一度確認してみるとよいと思います。

Answer 2

IPointerUpHandler、IPointerDragHandler、IPointerDownHanderあたりを継承して、そちらに処理を書くと楽です。
手抜きで作ると↓みたいな感じ

using UnityEngine;
using System.Collections;
using UnityEngine.UI;
using UnityEngine.EventSystems;

public class ExampleClass : MonoBehaviour, IPointerDownHandler, IPointerDragHandler
{
    void OnPointerDrag(PointerEventData ev)
    {
        this.GetComponent<RectTransform>().anchoredPosition += ev.delta;
    }
}

Answer 3

私も初心者なので、見当違いでしたらごめんなさい。
とりあえず、複数のパネルを個別にドラッグさせたいなら、こんな方法はどうでしょうか。

	public void OnDrag ()
	{
		//マウスの座標を取得
		Vector3 mousePos = Camera.main.ScreenToWorldPoint (Input.mousePosition);
		//取得したマウスのz座標をゲームオブジェクトに合わせる（Z座標を固定する）
		mousePos.z = gameObject.transform.position.z;
		//ゲームオブジェクトのワールド座標をマウスのワールド座標に合わせる
		gameObject.transform.position = mousePos;
	}

上記のコードを、Event TriggerのDragにアタッチ。
これで、複数のパネルに同じスクリプトをアタッチしても個別でドラッグできると思います。

UIの上にカーソルがある時だけ実行

当たり判定でhitしていたらOnDrag()を実行するとか、どうでしょう？