[Unity] RenderTextureから2DColliderを生成したい

Question

Unityで、画像からコライダーを生成したいです。

画像は、下の画像の板に貼られてるようなやつです。

シェーダーを通しているので、Alpha値等は自由に変えれます。

RenderTexture → Texture → Sprite → Collider
のように変換しようかと考えています。

よろしくお願いします。

Comments

[Bongo]

ご提示の画像の場合、白と黒の境界をなぞるようにコライダー境界を作成するのかな...と思ったのですが、それなら常に閉じた形状になるはずで、おっしゃるような「閉じていないといけないので」ということをお気になさる必要はないんじゃないかと感じました。
コライダーをどのような形に生成したいのかをもっと詳しくご説明いただけますでしょうか?PolygonCollider2Dだと不可能で、EdgeCollider2Dじゃないと表現できない画像の実例があると参考になりそうです。

[退会済みユーザー]

なるほど、その通りですね!
勘違いしていたようです。
画像は、複数のオブジェクトをカメラで写したものを加工しているので、
オブジェクトのメッシュが変なことになってない限り、常に閉じていると思います。

Answer 1

PolygonCollider2Dでかまわないのでしたら、おっしゃるように「RenderTexture → Texture → Sprite → Collider」の方法が使えそうですね。透明部分を持ったスプライトにPolygonCollider2Dをアタッチしてやれば、自動的に透明部分の抜かれた形状が作られますのでお手軽かと思います。

試しに空のオブジェクトにSpriteRendererと下記スクリプトをアタッチし...

using UnityEngine;

[RequireComponent(typeof(SpriteRenderer))]
public class ColliderGenerator : MonoBehaviour
{
    // ここにPolygonCollider2Dの形状の元とするRenderTextureをセットしておく
    public RenderTexture sourceTexture;

    private void Update()
    {
        // さしあたり、今回の実験ではスペースバーを押したときに
        // 自身のSpriteRendererのSpriteをsourceTextureの内容をもとに
        // 再作成し、併せてPolygonCollider2Dを再作成することにした
        if (Input.GetKeyDown(KeyCode.Space))
        {
            this.UpdateSprite();
        }
    }

    public void UpdateSprite()
    {
        // 古いTexture2D、Sprite、PolygonCollider2Dを削除する
        var spriteRenderer = this.GetComponent<SpriteRenderer>();
        var sprite = spriteRenderer.sprite;
        if (sprite != null)
        {
            Destroy(sprite.texture);
            Destroy(sprite);
        }
        Destroy(this.GetComponent<PolygonCollider2D>());
        spriteRenderer.sprite = null;

        // sourceTextureがなければ何もしない
        if (this.sourceTexture == null)
        {
            return;
        }

        // sourceTextureの内容を読み取って新しいTexture2D、Spriteを作る
        var activeTexture = RenderTexture.active;
        RenderTexture.active = this.sourceTexture;
        var width = this.sourceTexture.width;
        var height = this.sourceTexture.height;
        var rect = new Rect(0, 0, width, height);
        var texture = new Texture2D(width, height);
        texture.ReadPixels(rect, 0, 0);
        texture.Apply();
        spriteRenderer.sprite = Sprite.Create(texture, rect, Vector2.one * 0.5f);

        // 新しいPolygonCollider2Dを作る
        this.gameObject.AddComponent<PolygonCollider2D>();
    }
}

sourceTextureとして下図のような透明背景の映像を使用したところ...

できあがったPolygonCollider2Dの形状は下図のようになりました。

このやり方だと、元となるRenderTextureの解像度が小さい場合、かなり大ざっぱな形状になるだろうと思います。ある程度解像度を大きくしてやれば元画像の形に忠実な形状になるでしょう。
どうやら外形の精密さを細かく設定する機能はなさそうですので、もっと正確に外形を作りたい場合はおそらく自前で外周パスを求めてやる必要があるかと思います。

Comments

[退会済みユーザー]

ありがとうございます!
これで、実現できそうです!
解像度を調整してやってみます!