２Ｄタワーディフェンス　手順２３

　ポップアップ内で選択しているキャラをタイルマップに配置する処理を実装します。

　この手順が完成することで、下記の動画のように、ポップアップ内で選択したキャラが配置される機能を実装します。
ただし、配置したキャラがアニメーションせずに、１枚の画像の状態である場合で問題がない場合には、この手順は不要です。

＜実装動画＞

動画ファイルへのリンク

　以下の内容で実装を進めていきます。

手順２３　ー配置したキャラのアニメを自動設定する処理の実装ー

４１．CharaController スクリプトを修正し、配置したキャラに合わせたアニメーションを再生する機能を実装する

　新しい学習内容は、以下の通りです。

　・AnimationClip の動的な差し替え処理

１．設計

　画面に配置したキャラは CharaData に Sprite 画像の設定があるため、その情報を参照して、画像が変わるようになっています。

　この手順ではさらに一歩踏み込んで、各キャラごとに作成したアニメーションの情報(AnimationClip)を CharaData として設定できるようにし、
ゲームオブジェクトの振る舞いを変えるようにします。

　そうすることにより、画面に配置したキャラは、１枚の画像ではなく、アニメーションする情報もキャラごとに参照して設定できるようにします。

２．キャラごとのアニメーションを作成する

　手順９内にある【１４．２移動アニメの作成を行う】を参考にしながら、
各キャラのスプライトアニメーションを作成します。

　正面を向いているスプライト画像を利用してアニメーションを作成してください。名前は Chara_1 のように、終わりの数字の部分を連番にして
CharaDataSO スクリプタブル・オブジェクト内の各キャラの通し番号の情報(CharaNo 変数)と同じ番号にしておくことで管理がしやすくなります。

　スプライトアニメーションを作成すると AnimationClip の他に AnimatorController が作成されます。
これらは不要ですので、AnimationClip だけ残して、AnimatorController は削除してください。

　フォルダなども自分で作成して、ファイルの整理整頓を心がけてください。

参考　キャラ分の AnimationClip。AnimatorController は最初にあるもの以外は削除

　続いて、この各 AnimationClip を CharaDataSO スクリプタブル・オブジェクトに登録できるようにするため、CharaData クラスに情報を追記します。

３．CharaData スクリプトを修正し、アニメーションの情報を登録できるようにする

　スクリプタブル・オブジェクトのデータは、この CharaData クラスを元に作成されています。
そのため、スクリプタブル・オブジェクトに新しい変数の情報を追加したい場合には、その元である CharaData スクリプトを修正して、新しい変数を追加する必要があります。

CharaData.cs

<= クリックすると開きます

using UnityEngine;

/// <summary>
/// キャラの詳細データ
/// </summary>
[System.Serializable]
public class CharaData
{
    public int charaNo;
    public int cost;
    public Sprite charaSprite;
    public string charaName;

    public int attackPower;
    public AttackRangeType attackRange;
    public float intervalAttackTime;
    public int maxAttackCount;

    [Multiline]
    public string discription;
    

////*  新しい変数の宣言を追加  *////


    public AnimationClip charaAnim;


////*  ここまで  *////


    // TODO 他にもあれば追加

}

　スクリプトを修正したらセーブを行います

４．CharaDataSO スクリプタブル・オブジェクトに各キャラごとの AnimationClip を登録する

　CharaData クラスに新しい変数を追加しましたので、セーブを行うと、スクリプタブル・オブジェクトの方にも自動的に新しい情報として CharaAnim 変数が追加されます。
新しい変数が追加されるだけで以前のデータは残っています。

　charaAnime 変数には【２．キャラごとのアニメーションを作成する】で作成したスプライトアニメーション(AnimationClip 型)を登録できます。
ドラッグアンドドロップして、各キャラごとの AnimationClip を登録してください。

CharaDataSO スクリプタブル・オブジェクト　インスペクター画像

　以上で設定は完了です。最後に CharaController を修正し、この CharaAnim 変数を利用して、配置されたキャラに合わせてアニメーションを差し替える処理を実装します。

５．CharaController スクリプトを修正する

　アニメーションの設定用の変数の宣言と SetUpChara メソッド内でアニメーションの設定用の SetUpAnimation メソッドの呼び出しを記述します。
なお、SetUpAnimation メソッド内の処理は、テラシュールブログ様のサイトの記事を参考にさせていただいております。ありがとうございます。

テラシュールブログ様
【Unity】MecanimのAnimationClipを動的に差し替える
http://tsubakit1.hateblo.jp/entry/2016/11/18/23413...

　処理の内容としては、AnimationClip の差し替えを行うことになります。
Animator ビューのステートを選択すると Motion 部分に AnimationClip の情報が表示されます。ここをゲーム内で動的に変更を行います。

　新しく作成する overrideClipName 変数に登録する文字列が、差し替える AnimationClip と同名の文字列である必要があります。
そのためこの変数の値は、自分のプロジェクトの内容に合わせて変更する必要があります。

　Chara ゲームオブジェクトの Animator ビューを確認し、Chara ステートを選択します。このときインスペクターの Motion 部分に AnimationClip の名前が表示されますので、
その名称をこの変数に代入するようにしてください。そうしないと、キャラのアニメーションを動的に差し替える処理が上手く実行されません。

Animator ビュー　インスペクター画像

　
CharaController.cs

using System.Collections;
using System.Collections.Generic;
using UnityEngine;

public class CharaController : MonoBehaviour
{
    [SerializeField, Header("攻撃力")]
    private int attackPower = 1;

    [SerializeField, Header("攻撃するまでの待機時間")]
    private float intervalAttackTime = 60.0f;

    [SerializeField]
    private bool isAttack;

    [SerializeField]
    private EnemyController enemy;

    [SerializeField]
    private int attackCount = 3;     // TODO 現在の攻撃回数の残り。あとで CharaData クラスの値を反映させる

    [SerializeField]
    private UnityEngine.UI.Text txtAttackCount;

    [SerializeField]
    private BoxCollider2D attackRangeArea;

    [SerializeField]
    private CharaData charaData;

    private GameManager gameManager;


////*  ここから変数の宣言を修正・追加  *////


    //private SpriteRenderer spriteRenderer;              <=　☆ 利用しなくなりますので、コメントアウトしてください

  
    private Animator anim;

    private string overrideClipName = "Chara_4"; //   　　<=  ☆　代入する文字列は自分のプロジェクトの Animationビュー の Motion に登録されている AnimationClip の名前を登録する

    private AnimatorOverrideController overrideController;


////*  ここまで  *////


    private void OnTriggerStay2D(Collider2D collision) {

        // 攻撃中ではない場合で、かつ、敵の情報を未取得である場合
        if (&& !isAttack && !enemy) {

            Debug.Log("敵発見");

            // 敵の情報(EnemyController)を取得する
            if (collision.gameObject.TryGetComponent(out enemy)) {

　　　　　　　　// 情報を取得できたら、攻撃状態にする
                isAttack = true;

　　　　　　　　// 攻撃の準備に入る
                StartCoroutine(PrepareteAttack());
            }
        }
    }

    /// <summary>
    /// 攻撃準備
    /// </summary>
    /// <returns></returns>
    public IEnumerator PrepareteAttack() {

        Debug.Log("攻撃準備開始");

        int timer = 0;

　　　　// 攻撃中の間だけループ処理を繰り返す
        while (isAttack) {

            // TODO ゲームプレイ中のみ攻撃する

            timer++;
        
　　　　　　// 攻撃のための待機時間が経過したら    
　　　　    if (timer > intervalAttackTime) {

　　　　　　　　// 次の攻撃に備えて、待機時間のタイマーをリセット
                timer = 0;

　　　　　　　　// 攻撃
                Attack();

                // 攻撃回数関連の処理をここに記述する            
                attackCount--;

　　　　　　　　// 攻撃回数がなくなったら
                if (attackCount <= 0) {

                    // キャラ破壊
                    Destroy(gameObject);
                }
            }

　　　　　　// １フレーム処理を中断する(この処理を書き忘れると無限ループになり、Unity エディターが動かなくなって再起動することになります。注意！)
            yield return null;
        }
    }

    /// <summary>
    /// 攻撃
    /// </summary>
    private void Attack() {

        Debug.Log("攻撃");

        // TODO キャラの上に攻撃エフェクトを生成


        // 敵キャラ側に用意したダメージ計算用のメソッドを呼び出して、敵にダメージを与える
        enemy.CulcDamage(attackPower);
    }

    private void OnTriggerExit2D(Collider2D collision) {
        if (collision.tag == "Enemy") {

            Debug.Log("敵なし");

            isAttack = false;
            enemy = null;
        }
    }

    /// <summary>
    /// 残り攻撃回数の表示更新
    /// </summary>
    private void UpdateDisplayAttackCount() {
        txtAttackCount.text = attackCount.ToString();
    }

    /// <summary>
    /// キャラの設定
    /// </summary>
    /// <param name="charaData"></param>
    /// <param name="gameManager"></param>
    public void SetUpChara(CharaData charaData, GameManager gameManager) {

        this.charaData = charaData;
        this.gameManager = gameManager;

　　　　// 各値を CharaData から取得して設定
        attackPower = this.charaData.attackPower;

        intervalAttackTime = this.charaData.intervalAttackTime;

　　　　// DataBaseManager に登録されている AttackRangeSizeSO スクリプタブル・オブジェクトのデータと照合を行い、CharaData の AttackRangeType の情報を元に Size を設定
        attackRangeArea.size = DataBaseManager.instance.attackRangeSizeSO.GetAttackRangeSize(this.charaData.attackRange);

        attackCount = this.charaData.maxAttackCount;

        // 残りの攻撃回数の表示更新
　　　　UpdateDisplayAttackCount();


////*  TODO の実装  *////


        // キャラ画像の設定。アニメを利用するようになったら、この処理はやらない
        //if (TryGetComponent(out spriteRenderer)) {//　　<=　☆　アニメを登録するので、この一連の画像の差し替え処理の方は行わないように処理をコメントアウトします。

            // 画像を配置したキャラの画像に差し替える
            //spriteRenderer.sprite = this.charaData.charaSprite;
        //}　　　　　　

        // キャラごとの AnimationClip を設定
        SetUpAnimation();


////*  ここまで  *////


    }


////*  ここからメソッドを１つ追加  *////


    /// <summary>
    /// Motion に登録されている AnimationClip を変更
    /// </summary>
    private void SetUpAnimation() {
        if (TryGetComponent(out anim)) {

            overrideController = new AnimatorOverrideController();

            overrideController.runtimeAnimatorController = anim.runtimeAnimatorController;
            anim.runtimeAnimatorController = overrideController;

            AnimatorStateInfo[] layerInfo = new AnimatorStateInfo[anim.layerCount];

            for (int i = 0; i < anim.layerCount; i++) {
                layerInfo[i] = anim.GetCurrentAnimatorStateInfo(i);
            }

            overrideController[overrideClipName] = this.charaData.charaAnim;

            anim.runtimeAnimatorController = overrideController;

            anim.Update(0.0f);

            for (int i = 0; i < anim.layerCount; i++) {
                anim.Play(layerInfo[i].fullPathHash, i, layerInfo[i].normalizedTime);
            }
        }
    }


////*  ここまで  *////


}

　スクリプトを修正したらセーブを行います。

６．ゲームを実行して動作を確認する

　キャラを配置してみてください。
CharaData に登録した AnimationClip にアニメーションが差し替われば制御成功です。

　もしも上手くいかない場合には、AnimationController の情報を Animator ビューで確認し、
Motion の部分の AnimationClip の名前と、スクリプト内の登録とが相違していないかをチェックしてください。

＜実装動画＞

動画ファイルへのリンク

　これでスクリプタブル・オブジェクトを活用して、配置するキャラの情報を設定することで、
１つのゲームオブジェクトを異なるゲームオブジェクトになるように情報を設定する処理が完成です。

　以上でこの手順は終了です。

　次は　手順２４　－ゲームの進行管理の制御機能の実装①－　です。

このページを編集するこのページを元に新規ページを作成

印刷する

コメント（0）

２Ｄタワーディフェンス　手順２３ - i-school 先頭へ

コメントをかく

名前	ユーザIDを使用しないで書き込む	ユーザーIDを使う	ログインする
画像コード	画像に記載されている文字を下のフォームに入力してください。
備考	「http://」を含む投稿は禁止されています。
本文
利用規約をご確認のうえご記入下さい

i-school