Unityでのスプライトの反転とPivotの影響について

Unityで2Dゲームを開発する際、スプライトの向きを変更することはよくある操作です。スプライトを反転する方法にはいくつかの選択肢があり、それぞれに特徴や用途があります。この技術資料では、SpriteRenderer.flipX / flipYとlocalScaleによる反転方法、そしてそれらにPivotの位置がどのように影響するかを詳しく解説します。

1. 反転の方法

1.1 SpriteRenderer.flipX / flipY

SpriteRenderer.flipXおよびflipYは、Unityの2Dスプライト専用の反転プロパティです。これらを使用すると、オブジェクトのスケールを変えずに、スプライトだけを反転できます。

  • flipX: 水平方向（X軸）で反転します。
  • flipY: 垂直方向（Y軸）で反転します。

使用例:

// SpriteRendererコンポーネントを取得
SpriteRenderer spriteRenderer = GetComponent<SpriteRenderer>();

// X軸に反転を適用
spriteRenderer.flipX = true;

// Y軸に反転を適用
spriteRenderer.flipY = true;

1.2 localScaleによる反転

localScaleを使うと、スプライトを含むオブジェクト全体のスケールを反転させることができます。特に、3DオブジェクトやUIエレメントに対しても利用可能です。反転を行うには、X軸またはY軸のスケールを負の値に設定します。

使用例:

// X軸でスプライトを反転
transform.localScale = new Vector3(-transform.localScale.x, transform.localScale.y, transform.localScale.z);

1.3 それぞれの違い

特徴SpriteRenderer.flipX / flipYlocalScale
適用範囲スプライト専用全てのオブジェクト（3D含む）
使いやすさ簡単にtrue/falseで切り替え可能数値を手動で調整する必要あり
アニメーションとの連携スプライト描画のみに影響、スケールやアニメーションには影響しないスケール変更のため、アニメーションに干渉する可能性あり
パフォーマンス軽量スケールを変更するため、若干のコストがかかる可能性あり

2. Pivotの位置が反転に与える影響

スプライトを反転する際、Pivot（スプライトの基準点）の位置によって、反転後の見た目やオブジェクトの位置が異なることがあります。

2.1 Pivotの影響（SpriteRenderer.flipX / flipY）

flipXやflipYを使って反転する場合、スプライトのPivotを基準にして反転が行われます。Pivotがスプライトの中央にあればその場で反転しますが、Pivotが端にあるとスプライトが大きく移動するように見えることがあります。

例:

  • Pivotが中央にある場合: スプライトはその場で反転します。
  • Pivotが左端にある場合: 反転後、スプライトは右に移動するように見えます。

2.2 Pivotの影響（localScale）

localScaleで反転すると、同様にPivotを基準にスケールが反転します。ただし、localScaleの場合、スプライトだけでなくオブジェクト全体のスケールが変更されるため、反転後に物理的な位置が変わることがあります。特に、Pivotが端にあると、オブジェクトが大きく移動するように感じるでしょう。

例:

  • Pivotが中央にある場合: スプライトはその場で反転します。
  • Pivotが左端にある場合: 反転後、オブジェクト全体が右に移動します。

3. 具体的なユースケース

3.1 キャラクターの向きを変える

キャラクターが左右に移動する際、スプライトの向きを切り替える必要があります。この場合、SpriteRenderer.flipXを使用するのが最もシンプルです。例として、プレイヤーが左に移動するときにスプライトを反転させ、右に移動するときは元に戻すスクリプトを見てみましょう。

void Update()
{
    float move = Input.GetAxis("Horizontal");
    SpriteRenderer spriteRenderer = GetComponent<SpriteRenderer>();

    if (move < 0)
    {
        // 左向きに反転
        spriteRenderer.flipX = true;
    }
    else if (move > 0)
    {
        // 右向きに戻す
        spriteRenderer.flipX = false;
    }
}

3.2 スプライトの反転と物理挙動

物理演算を伴うオブジェクトに対して反転を行う場合、localScaleを使用することで、オブジェクト全体の向きを反転できます。例えば、プレイヤーのキャラクターが向きを変える際にコリジョンも反転する必要がある場合、localScaleを使うのが効果的です。

// プレイヤーの向きを変えつつ、物理挙動も反転させる
transform.localScale = new Vector3(-transform.localScale.x, transform.localScale.y, transform.localScale.z);

4. まとめ

  • スプライトの反転方法には、SpriteRenderer.flipX / flipYを使った軽量な方法と、localScaleを使った汎用的な方法の2つがあります。
  • flipX / flipYは、スプライト専用で、アニメーションやスケールに干渉しないため、軽量で使いやすい反転方法です。
  • localScaleは、3DオブジェクトやUIエレメントも含むあらゆるオブジェクトに対して反転を適用でき、物理挙動にも影響を与えます。
  • Pivotの位置が反転に与える影響を考慮することで、意図した挙動を実現しやすくなります。

状況に応じて、これらの方法を使い分け、スプライトやオブジェクトの反転を正確にコントロールしてください。

Unity

Posted by hidepon