unityのドラッグアンドドロップについて

Question

Unityでドラッグアンドドロップをサイトを参考にして実行しようとおもっています。ピクトさんをドラッグして、白の枠にドロップすると白の枠の中にピクトさんが設置される動作を行いたいと思ってます。しかし、ドラッグの動作はできるのですが、ドロップの動作になるとドロップすることができません。白の枠でドロップしても、最初の位置に戻るだけになります。ソースコードはどの関数がどのような動作を行っているのか、この文の意味は何なのかなど調べたのでプログラムの動作はわかったつもりではいますが完全には理解できていないと思います。

ソースコードはそのまま使用させていただいているので、ミスはないと思うのでヒエラルキーやインスペクターの部分で追加できていなかったり、ゲームオブジェクトが違うのかなと試行錯誤したのですが、やはりできませんでした。

unityについて知識不足のため、ご教授お願いします。

参考サイト：https://qiita.com/ayumegu/items/c07594f408363f73008c

Dragというオブジェクトに参考サイトや以下のDragObject.csをアタッチしてます。
DropというオブジェクトにDropObject.csをアタッチしてます。

using UnityEngine;
using UnityEngine.UI;
using UnityEngine.EventSystems;

[RequireComponent(typeof(Image))]
public class DragObject : MonoBehaviour, IBeginDragHandler, IDragHandler, IEndDragHandler
{
    private Transform canvasTran;
    private GameObject draggingObject;

    void Awake()
    {
        canvasTran = transform.parent.parent;
    }

    public void OnBeginDrag(PointerEventData pointerEventData)
    {
        CreateDragObject();
        draggingObject.transform.position = pointerEventData.position;
    }

    public void OnDrag(PointerEventData pointerEventData)
    {
        draggingObject.transform.position = pointerEventData.position;
    }

    public void OnEndDrag(PointerEventData pointerEventData)
    {
        gameObject.GetComponent<Image>().color = Vector4.one;
        Destroy(draggingObject);
    }

    // ドラッグオブジェクト作成
    private void CreateDragObject()
    {
        draggingObject = new GameObject("Dragging Object");
        draggingObject.transform.SetParent(canvasTran);
        draggingObject.transform.SetAsLastSibling();
        draggingObject.transform.localScale = Vector3.one;

        // レイキャストがブロックされないように
        CanvasGroup canvasGroup = draggingObject.AddComponent<CanvasGroup>();
        canvasGroup.blocksRaycasts = false;

        Image draggingImage = draggingObject.AddComponent<Image>();
        Image sourceImage = GetComponent<Image>();

        draggingImage.sprite = sourceImage.sprite;
        draggingImage.rectTransform.sizeDelta = sourceImage.rectTransform.sizeDelta;
        draggingImage.color = sourceImage.color;
        draggingImage.material = sourceImage.material;

        gameObject.GetComponent<Image>().color = Vector4.one * 0.6f;
    }
}

using UnityEngine;
using UnityEngine.UI;
using UnityEngine.EventSystems;

public class DropObject : MonoBehaviour, IDropHandler, IPointerEnterHandler, IPointerExitHandler
{
    public Image iconImage;
    private Sprite nowSprite;

    void Start()
    {
        nowSprite = null;
    }

    public void OnPointerEnter(PointerEventData pointerEventData)
    {
        if(pointerEventData.pointerDrag == null) return;
        Image droppedImage = pointerEventData.pointerDrag.GetComponent<Image>();
        iconImage.sprite = droppedImage.sprite;
        iconImage.color = Vector4.one * 0.6f;
    }

    public void OnPointerExit(PointerEventData pointerEventData)
    {
        if(pointerEventData.pointerDrag == null) return;
        iconImage.sprite = nowSprite;
        if(nowSprite == null)
            iconImage.color = Vector4.zero;
        else
            iconImage.color = Vector4.one;
    }
    public void OnDrop(PointerEventData pointerEventData)
    {
        Image droppedImage = pointerEventData.pointerDrag.GetComponent<Image>();
        iconImage.sprite = droppedImage.sprite;
        nowSprite = droppedImage.sprite;
        iconImage.color = Vector4.one;
    }
}

Answer 1

DropObjectのiconImageにはインスペクター上で何かImageをセットしていますかね（ヒエラルキーを見るかぎり該当するものがなさそうに見えるのですが...）?

「コンソール」ビューを表示した状態で実行すると何かメッセージが表示されないでしょうか。もしここが「None (Image)」のままなら、ピクトさんを枠内に入れようとしても画像セット先のImageが存在しないのでNullReferenceException: Object reference not set to an instance of an objectなどと言われるんじゃないかと思います。

その場合、たとえばDropオブジェクトの子としてもう一つImageを作りDropオブジェクトの中心に配置し、色は完全透明とでもして、サイズはピクトさんと同サイズにして、これをDropの「Icon Image」にセットしてみてはいかがでしょうか。

Comments

[nyanryou]

iconImageの部分にアタッチし、実行してみるとドラッグアンドドロップできました！ソースコードを確認してみると結構こんな感じだろうという思い込みで理解してたところがありました。
結構悩んでいたので助かりました。
ありがとうございます！