Unity3D:任意の点を中心に拡大縮小(ピンチイン/アウト)

2013/07/10

category: Unity | tag: PinchInOut | no comments

某所で質問に上がっていたので試しに実装してみました。

ピンチ操作の2本の指の中間点を中心にして拡大縮小します。

実験的に作ったものなので、実行時の条件がかなり限定されています。

・iPhone4S (Retina, 640×960ピクセル)
・CameraのProjectionはOrthographic

その他環境では、座標の変換時のパラメータ等を調整する必要があります。このままだと、おそらく拡大縮小時の中心がズレます。

以下からパッケージをダウンロードして下さい。

test_pinch.unitypackage (14KByte)

新規プロジェクトを作成して、ダウンロードしたパッケージをインポートしてください。

ビルド設定でターゲットプラットフォームを「iOS」に切り替えて、Gameウィンドウのサイズは「iPhone 4G Tall (640×960)」を選択してください。

シーン(test1)を開いて再生してください。
※タッチ操作はUnity上では確認できないので、UnityRemoteやiOSデバイスを使用してください。

ピンチ操作の2本の指の中心に赤い四角が表示されます。この四角を中心に拡大縮小が行われます。

参考：ソースコード

テスト用に書いたので汚いです。ゴメンナサイ。

using UnityEngine;
using System.Collections;

public class PinchTest : MonoBehaviour {
	
	private enum PINCH_STATUS
	{
		NONE = -1,
		
		UP = 0,
		PINCH,
	};
	
	private PINCH_STATUS pinchStatus = PINCH_STATUS.UP;
	private PINCH_STATUS pinchStatusNext = PINCH_STATUS.NONE;
	
	private float pinchLength;
	private Vector2 center;
	
	public GameObject cube;
	public Camera cam;
	
	void Start()
	{
	}
	
	void movePoint(Vector2 po)
	{
		Vector3 nowPo = cube.transform.localPosition;
		cube.transform.localPosition = new Vector3(po.x, po.y, nowPo.z);
	}
	
	Vector2 convertCenter(Vector2 po)
	{
		float scale = cam.orthographicSize / 480f;
		po *= scale;
		Vector2 camPos = new Vector2(cam.transform.localPosition.x, cam.transform.localPosition.y);
		Vector2 org = camPos - new Vector2(320f * scale, 480f * scale);
		po += org;
		return po;
	}
	
	void Update()
	{
		switch(pinchStatus)
		{
		case PINCH_STATUS.UP:
			if(Input.touchCount > 1)
			{
				Touch touch0 = Input.GetTouch(0);
				Touch touch1 = Input.GetTouch(1);
				
				pinchLength = Vector2.Distance(touch0.position, touch1.position);
				center = (touch0.position + touch1.position) * 0.5f;
				center = convertCenter(center);
				print(touch0.position + ", " + touch1.position + ", " + center);
				movePoint(center);
				
				pinchStatusNext = PINCH_STATUS.PINCH;
			}
			break;
			
		case PINCH_STATUS.PINCH:
			if(Input.touchCount < 2)
			{
				pinchStatusNext = PINCH_STATUS.UP;
			}
			break;
		}
		
		while(pinchStatusNext != PINCH_STATUS.NONE)
		{
			pinchStatus = pinchStatusNext;
			pinchStatusNext = PINCH_STATUS.NONE;
		}
		
		switch(pinchStatus)
		{
		case PINCH_STATUS.PINCH:
			Touch touch0 = Input.GetTouch(0);
			Touch touch1 = Input.GetTouch(1);
			float nowPinchLength = Vector2.Distance(touch0.position, touch1.position);
			float scale = nowPinchLength / pinchLength;
			
			cam.camera.orthographicSize /= scale;
			pinchLength = nowPinchLength;
			
			Vector2 nowCamPos = new Vector2(cam.transform.localPosition.x, cam.transform.localPosition.y);
			Vector2 diff = center - nowCamPos;
			scale = 1.0f - scale;
			diff = diff * scale;
			
			cam.transform.localPosition -= new Vector3(diff.x, diff.y, 0);
			
			break;
		}
	}
}

using UnityEngine;

using System.Collections;

public class PinchTest : MonoBehaviour {

private enum PINCH_STATUS

{

NONE = -1,

UP = 0,

PINCH,

};

private PINCH_STATUS pinchStatus = PINCH_STATUS.UP;

private PINCH_STATUS pinchStatusNext = PINCH_STATUS.NONE;

private float pinchLength;

private Vector2 center;

public GameObject cube;

public Camera cam;

void Start()

{

}

void movePoint(Vector2 po)

{

Vector3 nowPo = cube.transform.localPosition;

cube.transform.localPosition = new Vector3(po.x, po.y, nowPo.z);

}

Vector2 convertCenter(Vector2 po)

{

float scale = cam.orthographicSize / 480f;

po *= scale;

Vector2 camPos = new Vector2(cam.transform.localPosition.x, cam.transform.localPosition.y);

Vector2 org = camPos - new Vector2(320f * scale, 480f * scale);

po += org;

return po;

}

void Update()

{

switch(pinchStatus)

{

case PINCH_STATUS.UP:

if(Input.touchCount > 1)

{

Touch touch0 = Input.GetTouch(0);

Touch touch1 = Input.GetTouch(1);

pinchLength = Vector2.Distance(touch0.position, touch1.position);

center = (touch0.position + touch1.position) * 0.5f;

center = convertCenter(center);

print(touch0.position + ", " + touch1.position + ", " + center);

movePoint(center);

pinchStatusNext = PINCH_STATUS.PINCH;

}

break;

case PINCH_STATUS.PINCH:

if(Input.touchCount < 2)

{

pinchStatusNext = PINCH_STATUS.UP;

}

break;

}

while(pinchStatusNext != PINCH_STATUS.NONE)

{

pinchStatus = pinchStatusNext;

pinchStatusNext = PINCH_STATUS.NONE;

}

switch(pinchStatus)

{

case PINCH_STATUS.PINCH:

Touch touch0 = Input.GetTouch(0);

Touch touch1 = Input.GetTouch(1);

float nowPinchLength = Vector2.Distance(touch0.position, touch1.position);

float scale = nowPinchLength / pinchLength;

cam.camera.orthographicSize /= scale;

pinchLength = nowPinchLength;

Vector2 nowCamPos = new Vector2(cam.transform.localPosition.x, cam.transform.localPosition.y);

Vector2 diff = center - nowCamPos;

scale = 1.0f - scale;

diff = diff * scale;

cam.transform.localPosition -= new Vector3(diff.x, diff.y, 0);

break;

}

座標の扱い、変換がかなり強引な感じになってます。もっとスマートに出来そうな気がするけど・・・

追記 2014/02/12

座標系の変換は、CameraメソッドのScreenToWorldPointメソッドを使えば良いですね ^^;

Vector2 convertCenter(Vector2 po)
{
	Vector3 p = cam.ScreenToWorldPoint(new Vector3(po.x, po.y, 0));
	return new Vector2(p.x, p.y);
}

Vector2 convertCenter(Vector2 po)

{

Vector3 p = cam.ScreenToWorldPoint(new Vector3(po.x, po.y, 0));

return new Vector2(p.x, p.y);

}

Pocket

Check

コメントを残すコメントをキャンセル

コメントを投稿するにはログインしてください。

このサイトはスパムを低減するために Akismet を使っています。コメントデータの処理方法の詳細はこちらをご覧ください。

Trackback URL:

devlog [naru design]