【Unity】buttonをクリックして表示するGameObjectの座標が想定した場所からズレる

Question

前提・実現したいこと

buttonを押すと、そのbuttonの上にGameObjectが表示されるようにしたいです。

発生している問題・エラーメッセージ

buttonの中心にGameObjectを表示したいのですが、x軸とy軸が少しずれた位置に表示されます。
※Z軸に関してはこのままで問題ありません（GameObjectをbuttonより前面で表示したいため）

buttonの座標 ：(x)-426, (y)−407, (z)0
GameObjectの座標：(x)-1.073298, (y)-0.4712038, (z)10

該当のソースコード

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

public class StumpGenerator : MonoBehaviour
{
    public GameObject stumpPrefab;
    public Vector3 buttonPos;

    public void Stump()
    {
          buttonPos = this.transform.position;
          buttonPos.z = 10f;
          Instantiate(stumpPrefab, buttonPos,stumpPrefab.transform.rotation);
    }

試したこと

buttonのanchorは中心になっています。

補足情報（FW/ツールのバージョンなど）

mac(ver.10.13.2) Unity2019.4.0f1 atom（テキストエディタ）

Answer 1

ボタンは UI であり、通常はスクリーン上の座標を表しています。これは２次元です。GameObject はシーン内のワールド座標系を表しています。これは３次元ですが、2D であっても一緒です。

つまり UI（スクリーン）とゲームは通常は異なる空間に存在し、ゲームの画面（カメラで撮影したもの）の上に UI をオーバーレイ表示しています。別の言葉で言うと座標系が違います。

従って Transform の Position と RectTransform の Position を同じように扱うことはできません。座標変換する必要があります。

やり方についてはいろいろな方法があり、次の記事で説明されています。

Screenの座標とWorld（3D）座標の変換について

今回はどのような方法をとるのが良いかについては、質問に書かれている事を読む限りでは「UIの座標をWorld Spaceに変換する」がいいんじゃないかと思います。

ただ疑問なのは、どうやら 3D ゲームのようですが、UI には奥行がないのにゲーム上の奥行きはどう決定するのかという問題があります。もし Ray をヒットさせるような障害物がない場合は RectTransformUtility.ScreenPointToRay は使えず、RectTransformUtility.ScreenPointToWorldPointInRectangle を使う必要があります。

Comments

[bboydaisuke]

しかしさっき書いたやり方は若干ハードルが高いかもしれないし、さらに「オブジェクトをUIより前に表示する」という要件があるので、Canvas の Render Mode を World Space にしてゲームの中にUIを作ってしまってもいいかもしれません。
ただしこれだと、カメラがあちこち動く場合はどうするのかという問題があります。UI がゲーム空間の中にあるので、カメラが移動するとUIはゲーム空間のそこにとどまるため、カメラの動きに合わせてUIにも動いてもらう必要が出てくるかもしれません。

[Azm-yk]

ご回答ありがとうございます！
ButtonコンポーネントのOn click()項目のselect objectに、GameObjectではなく当該buttonを指定したところ、buttonの座標を中心にGameObjectが表示されるようになりました。
スクリプト中の「this」が「当該button」ではなく「Prefabのために適当に作成したGameObject」の座標を取得していたようです。
bboydaisuke様にご回答いただいた内容は、自分自身も理解があやふやなところでしたので、参考となるページも示していただきたいへん嬉しく思っております。今後ともよろしくお願いいたします。

[Azm-yk]

また、作成しているのは２Dのもので、レイヤーに関してはCanvasのRender ModeをScreen Space - Cameraにし、Order In Layerを-1にしてGameObjectのOrder In Layerを０にしています。

Answer 2

ButtonコンポーネントのOn click()項目のselect objectに、GameObjectではなく当該buttonを指定したところ、buttonの座標を中心にGameObjectが表示されるようになりました。
スクリプト中の「this」が「当該button」ではなく「Prefabのために適当に作成したGameObject」の座標を取得していたようです。