UnityでSpriteを別の画像に徐々に変化させる方法

###前提・実現したいこと
Unityでsprite画像を別のspriteに徐々に変化させる方法はありますでしょうか？
徐々に変化というのは、現在のsprite画像がフェードアウトしていくと同時に同じ場所に別のsprite画像がフェードインしていくようなイメージです。

今のところ、スペースキーを押した時にSprite Rendererのsprite画像を指定した画像に切り替えるということは実現できています。
このスクリプトはスプライト画像オブジェクトに貼っています。

###該当のソースコード

c#
1	SpriteRenderer MainSpriteRenderer;
2	public Sprite mushiba;
3
4	// Use this for initialization
5	void Start () {
6		MainSpriteRenderer = gameObject.GetComponent<SpriteRenderer>();
7	}
8	
9	// Update is called once per frame
10	void Update () {
11		if ( Input.GetKeyDown( KeyCode.Space )){
12			MainSpriteRenderer.sprite = mushiba;
13	
14		}

###試したこと
itweenというアセットを使えばできるかなと思いましたが、検索しても思い通りのものは出てきませんでした。ただし現在の画像をフェードアウトすることはできました。

###補足情報(言語/FW/ツール等のバージョンなど)
Unity5.6.2を使っています。
初めての質問なので不備がありましたらすみません。
何かいい方法がありましたら教えてください。

行動規範の内容に同意します

回答2件

ベストアンサー

Imageコンポーネントの付いたオブジェクトを２枚重ね、変化前・変化後の画像をそれぞれセット。
その後、上のImageをフェードアウトさせていけばいいかと思います。

投稿2017/10/05 10:14

sakura_hana

総合スコア11427

bibinba

2017/10/05 11:11

なるほど。ありがとうございました

行動規範の内容に同意します

ベストアンサーの方のおっしゃていた通りに、変更後の画像を下に置いて、上の画像をitweenでフェードアウトさせたらイメージしていたのができました。

一応スクリプト置いておきます。

c#
1	void Update () {
2		if ( Input.GetKeyDown( KeyCode.Space )){
3			iTween.ValueTo(gameObject, iTween.Hash("from", 1f, "to", 0f, "time", 2f, "onupdate", "SetValue"));
4
5		}
6
7	}
8
9	void SetValue(float alpha) {
10		// iTweenで呼ばれたら、受け取った値をImageのアルファ値にセット
11		MainSpriteRenderer.color = new Color(255,255,255, alpha);
12	}