10
7

Delete article

Deleted articles cannot be recovered.

Draft of this article would be also deleted.

Are you sure you want to delete this article?

More than 5 years have passed since last update.

とりあえずuGUIでピンチインピンチアウトによる拡大縮小をしたい

Posted at

Unityでピンチピンチインピンチアウトをしたいんですよ。
スマホでは必須(?)の操作なので、自分用のScript欲しいですよね!ってことで、さっそく実装しました。

PinchinPinchOut.cs
using UnityEngine;
using System.Collections;
using UnityEngine.UI;

public class PinchinPinchOut : MonoBehaviour {
	
	private float scale;
	private float backDist = 0.0f;

    // デバッグ用テキスト(scaleサイズ確認用)
	public Text scaleText;

    // デフォルトサイズ
	private float defaultScale;

	void Start () {
        // 初期値取得
		RectTransform rt = this.GetComponent(typeof (RectTransform)) as RectTransform;
		defaultScale = rt.sizeDelta.x;
	}
	
	void Update () {
		
		// マルチタッチ判定
		if (Input.touchCount >= 2) {

            // タッチ開始時に初期値を取得
			RectTransform rt = this.GetComponent(typeof (RectTransform)) as RectTransform;
			defaultScale = rt.sizeDelta.x;

			// タッチしている2点を取得
			Touch touch1 = Input.GetTouch (0);
			Touch touch2 = Input.GetTouch (1);
			
			// 2点タッチ開始時の距離を記憶
			if (touch2.phase == TouchPhase.Began) {
				backDist = Vector2.Distance (touch1.position, touch2.position);
			} else if (touch1.phase == TouchPhase.Moved && touch2.phase == TouchPhase.Moved) {
				// タッチ位置の移動後、長さを再測し、前回の距離からの相対値を取る。
				float newDist = Vector2.Distance (touch1.position, touch2.position);
				scale = defaultScale + (newDist - backDist) / 100.0f;
				scaleText.text = "scalse = " + scale.ToString();
				
				// 相対値が変更した場合、オブジェクトに相対値を反映させる
				if(scale != 0) {
					UpdateScaling(scale);  
				}
			}
		}
	}
	
	/// 設定された拡大率に基づいてオブジェクトの大きさを更新する
	private void UpdateScaling(float argScale) {
		RectTransform rt = this.GetComponent(typeof (RectTransform)) as RectTransform;
		rt.sizeDelta = new Vector2 (argScale, argScale);
	}
}

所感

  • ピンチインピンチアウトの上下限を設けて制御する部分に若干手間取りました。。。
  • 本当は大きくなりすぎたり小さくなりすぎたりするのを制御すべきだが、今回は時間いっぱいにつき、実装せず。。。
  • 汎用的コードを載せるのであれば、上記のデバッグ用テキストは不要なんですけど、自分用ということで、残させていただきました。
  • 無駄に何回も取得しているような気もしていますが、これまた時間いっぱいということで、妥協。。。
  • あと、複数オブジェクトにこのScriptをアタッチすると、ピンチインピンチアウトしたときにアタッチしたオブジェクトすべてが拡大縮小されてしまうので、どのオブジェクトを拡大縮小の対象にするかのフラグが必要。
10
7
0

Register as a new user and use Qiita more conveniently

  1. You get articles that match your needs
  2. You can efficiently read back useful information
  3. You can use dark theme
What you can do with signing up
10
7

Delete article

Deleted articles cannot be recovered.

Draft of this article would be also deleted.

Are you sure you want to delete this article?