カイジのEカード風カードゲームの作成。Part6.画像の置き換え【Unityゲーム制作】

簡単なカードゲーム制作の第6回目を進めていきます。今回は「カードの画像を置き換え」です。

はじめに
ゲーム作成開始

はじめに

今回は第6回目です。第1回目は下記から。

ゲーム作成開始

何となく動くようになってきたので、見た目を整えていきます。現状のカードは下記のようにデフォルトのスプライトに数字が割り当ててあるだけです。

じゃんけん風の画像を作成

今回はじゃんけんカードゲームなので「じゃんけんの画像」を作成します。適当に検索して加工など自由に使って良いものを探してきました。結構古いサイトの様ですが、コチラ⇒素材

画像をダウンロードして、200px×200pxの白背景に画像を貼り付け。AssetsのImagesフォルダ内に入れます。

画像をスクリプトで置き換えテスト

まずはスクリプトで画像の置き換えが出来るかテストです。Operatorクラスに「Sprite変数」と「画像の置き換え」を追加。

抜き出したソースは下記。試しにカードを「グーの画像」にしてみます。

public Sprite m_Sprite_gu;

        SpriteRenderer m_SpriteRenderer;
        m_SpriteRenderer = prefab.GetComponent<SpriteRenderer>();
        m_SpriteRenderer.sprite = m_Sprite_gu;

OperatorのSprite_guにグーの画像をセット。

試しに実行。全てがグーの画像になれば置き換えテストはOK。

次に、数字の１がグー、２がチョキ、３がパーとなるようにスクリプトを変更。

ソースを抜き出すと下記のような感じ。

    public Sprite[] m_Sprite;

        SpriteRenderer m_SpriteRenderer;
        m_SpriteRenderer = prefab.GetComponent<SpriteRenderer>();
        m_SpriteRenderer.sprite = m_Sprite[iNumber - 1];

画像は配列にして、「数字-1」に画像の要素を割り当てます。グーは数字の１、配列要素としては0。チョキは数字の２，配列要素としては１と言った感じですね。