キャンバスの左端とsizeDelta

Question

###前提・実現したいこと

前回の質問でご教授いただいた内容で、
回答者様から「(_sizeDelta.x / -2f) はキャンバスの左端」で、
「(_sizeDelta.y / -2f」はキャンバスの下端」であるとご教授いただきました。

これらが何故、キャンバスの左端や下端を表すのか理解できていません。
ご教授のほどよろしくお願いします。

※キャンバスはWorld Spaceで扱います。

###該当のソースコード
今回の質問部分を下記のコードに抜粋しました。

public class CanvasScript : MonoBehaviour {
	public Canvas canvas;

	// Use this for initialization
	void Start () {
		var _canvasRectTf = canvas.GetComponent<RectTransform>();
		var _pivot = _canvasRectTf.pivot;
		var _sizeDelta = _canvasRectTf.sizeDelta;
		var _pos = Vector3.zero;
		_pos.x = (_sizeDelta.x / -2f) + (_sizeDelta.x) * _pivot.x;
		_pos.y = (_sizeDelta.y / -2f) + (_sizeDelta.y) * _pivot.y;

		Debug.Log ("_sizeDelta.x：" + _sizeDelta.x);
		Debug.Log ("_sizeDelta.y：" + _sizeDelta.y);
		Debug.Log ("_sizeDelta.x / -2f：" + _sizeDelta.x / -2f);
		Debug.Log ("_sizeDelta.y / -2f：" + _sizeDelta.y / -2f);
	}
}

###試したことと質問。

まず、sizeDeltaについて、下記のように認識しています。

sizeDelta.x → CanvasのWidthの値。
sizeDelta.y → CanvasのHeightの値。

質問①：上記の認識は正しいですか？

認識している理由は、Debug.Logで出力をとったら、
それぞれCanvasのWidthとCanvasのHeightに一致する値が出力された為です。
また、Canvasの位置を変更しても、これらの値は変わりませんでした。

また、マニュアルの説明もあまり理解できませんでした。
アンカーの値を変えれば、sizeDeltaの値が変化するのかと思い、
Canvasのインスペクターで、[Rect Transform]の[Anchors]のMinのX, Y、MaxのX, Yの値を
変えたりしてみましたが、sizeDeltaの出力はCanvasのWidthとCanvasのHeightに一致するままで
変わりませんでした。

質問②：
sizeDeltaは、Canvasの[Rect Transform]の[Anchors]の値によって変化しますか？
変化する場合は、どのような値を設定したときに変化しますか？

質問③：
なぜ、「(_sizeDelta.x / -2f) はキャンバスの左端」で、
「(_sizeDelta.y / -2f」はキャンバスの下端」を表すのですか？
キャンバスの左端とは、キャンバスの左端の座標のことですか？(下端についても同様の質問。)
シーン上でCanvasの位置を変更して、ゲームを実行しても、
_sizeDelta.x / -2f や_sizeDelta.y / -2f の値は変わりませんでした。
質問①のように認識している為、_sizeDelta.x / -2fは、マイナスのCanvasのWidthの半分の値、
_sizeDelta.y / -2fは、マイナスのCanvasのHeightの半分の値に思えてしまいます。

ご教授のほどよろしくお願いします。

Answer 1

前回の説明についてですが、Matrix4x4.MultiplyPointにおいての話です。
その値だけを見ても意味はありません。
カメラのビュー座標をワールド座標に変換した行列に、カメラ画面の中心をキャンバスのpivotを考慮した、キャンバスの起点を得る数式です。

1への回答
RectTransform.sizeDeltaはキャンバスのWidthとHeightの値です。

2への回答
変わりません。

3への回答
上記に述べた通り、そこの値だけを取り出しても意味はなく、上記のケースにおいてにしかその意味を持ちません。
あくまで、キャンバスをカメラ画面の中心に持ってくるときに、移動前のキャンバスの座標とは関係なく、カメラから見たキャンバスの起点になるローカル座標が必要なので、その起点の座標を得るのにsizeDeltaの値とpivotの値を利用しているだけです。

例として、sizeDelta(2,4)のキャンバスをカメラの中心に移動する場合、
カメラから見た画面の中心が(0,0)で、そこの中心にキャンバスを移動するためには、
移動先のキャンバスの左下の座標が必要になります。
このとき、キャンバスの左端となる座標を求めるには画面の中心(0)からキャンバスの幅の半分(sizeDelta.x / 2f)から引くと求めることができます。
0 - (sizeDelta.x / 2f) → (sizeDelta.x / -2f)となります。

pivotの値を考慮する必要があるので、キャンバスの幅にpivotを掛けます。
(sizeDelta.x) * pivot.x

この2つを足すことで座標を求めます。
(sizeDelta.x / -2f) + (sizeDelta.x) * pivot.x;

y座標も同様です。

sizeDeltaの値が変わっていないのは、キャンバス自体のサイズは移動前も後も変わっていないからです。

Comments

[退会済みユーザー]

前回に引き続き、ご回答ありがとうございます。

(sizeDelta.x / -2f) が中心から見て、左端になることはわかりました。

あまり自信がないのですが、下記の解釈はいかがでしょうか？
--------------------------------------------------------------------------------------------------
マトリックスのオブジェクトの起点(今回の場合はカメラの起点)に合わせたい、
移動対象オブジェクトのローカルの位置を位置Aとする。

(マトリックス).MultiplyPoint( )の引数には、
この位置Aから見た移動対象オブジェクトの起点の位置(ローカル座標)を指定すればよい。

今回はカメラの中心(起点)に、キャンバスの中心を合わせたかったので、
キャンバスの中心から見た、pivotを考慮したキャンバスの起点のローカル座標を引数に与えた。

例えば、カメラの中心(起点)にキャンバスの右上の位置を合わせたい場合は、
キャンバスの右上の位置から見た、
pivotを考慮したキャンバスの起点のローカル座標を引数に与える。

そのため、コードは、
_pos.x = (-_sizeDelta.x) + (_sizeDelta.x) * _pivot.x;
_pos.y = (-_sizeDelta.y) + (_sizeDelta.y) * _pivot.y;
_pos.z = distance;
となる。

[退会済みユーザー]

> この位置Aから見た移動対象オブジェクトの起点の位置(ローカル座標)を指定すればよい。
"位置Aから見た"ではなく、"カメラから見た"ローカル座標です。

> 例えば、カメラの中心(起点)にキャンバスの右上の位置を合わせたい場合は、
> キャンバスの右上の位置から見た、
同様に"カメラから見た"です。

> カメラの中心(起点)にキャンバスの右上の位置を合わせたい場合は、
キャンバスの右上をカメラの中心に合わせたい場合はその式でOKです。

[退会済みユーザー]

何度もすみません。
"カメラから見た"とは、対象オブジェクトの移動前ではなく、
"対象オブジェクトの移動後の状態を想像して、その状態のカメラから見た"、
そのオブジェクトの起点を指定するという解釈で大丈夫ですか？

[退会済みユーザー]

カメラは何も操作していないので、"その状態"というのが何を指しているのか分かりませんが、
キャンバスを移動するのに必要な情報はキャンバスの大きさ、pivotの値のみです。移動前のキャンバスの座標は関係ありません。
カメラ(カメラ画面)から見てどの位置にキャンバスを移動したいか、という話なので
distance = -10f;
のとき、
_pos = new Vector3(0f,0f,distance);
とすればカメラ(カメラ画面)からz軸方向-10fの位置にキャンバスが移動しますが、キャンバスの大きさ、pivotの値を考慮していないため、キャンバスの中心とカメラの画面の中心が一致しません。
それを一致させるのに例の式を用いる、ということです。

[退会済みユーザー]

すみません、これが本当に最後の質問にしたいと思います。
例の式(_pos)の作り方は、「カメラから見た移動先のキャンバスのpivotを考慮した起点の座標(ローカル座標)」という考え方で合っていますか？

[退会済みユーザー]

その考え方で問題ありません。

[退会済みユーザー]

ご回答ありがとうございます。
私の理解力が無い為、何度も質問してすみませんでした。
ずっとイメージがわからず悩んでたので、とても勉強になりました。
最後までご丁寧にご教授いただきありがとうございました。