Unity 2Dアニメーションをエフェクトとして組み合わせ【簡単】

エフェクトやアニメーションが思った通りに動いてくれない・・・

なんてことはありませんか？

簡単そうなのになかなかできないとイライラしますよね。

この記事では「アニメーションの作り方」と「エフェクト」として設定するまでを書いていきます。

この記事のゴール動画はこちら。

簡単に2Dアニメーションを作成する方法

2Dアニメーションってどうやって作るの？

自作してみたいけど絵を描くのはちょっと・・・

というあなたでも大丈夫。

簡単に2Dアニメーションを作るにはお絵かきアプリが大活躍します。

こちらの記事で詳しく解説しています。

アンパンマンすら怪しいわたしがゲーム用の絵が書けるようになるなんて・・・

エフェクトとしてアタッチする

完成したアニメーションをエフェクトとしてアタッチする方法です。

手順はこちらです。

アニメーションを作る

アニメーターを使ってアニメーションを作っていきます。

アニメーションの作成方法を知りたい方はこちらの記事をどうぞ。

プレハブ化する

アニメーション付きのオブジェクトが完成したらプレハブ化しましょう。

プレハブ化すると一括編集ができるようになったり、たくさん生成することができたりと自由度が上がります。

プレハブ化に関する記事はこちらから。

プレハブ化の利点も解説しています。
「プレハブってなんだっけ？」という方は復習をかねて読んでみてください。

エフェクトを管理するスクリプト

アタッチした後にスクリプトで管理するためのスクリプトを詳しく解説します。

public class boom : MonoBehaviour
{
    public GameObject star;
    private void OnTriggerEnter2D(Collider2D collision)
    {
        if (collision.CompareTag("cat player"))
        {
            GameObject effect = Instantiate(star,collision.transform.position,Quaternion.identity);
            Destroy(collision.gameObject);
            Destroy(effect, 3);
        }
    }
}

• public GameObject star;

public(パブリック)によってゲームオブジェクトをアタッチできるようにします。

• private void OnTriggerEnter2D(Collider2D collision)

コライダーを管理するためのスクリプト。

詳しく知りたい方はこちらの記事を読んでみてください。

• GameObject effect = Instantiate(star,collision.transform.position,Quaternion.identity);

• effectへの代入。

• Instantiate：オブジェクトの場所・回転を決定する。

• Destroy(collision.gameObject);

接触したオブジェクトを削除(デストロイ)します。

• Destroy(effect, 3);

エフェクト(今回は星)を3秒後に削除(デストロイ)します。

ゲームオブジェクトにアタッチ

管理したいゲームオブジェクトに作成したエフェクトをアタッチします。(ドラッグ&ドロップ)

エフェクトをアタッチしたいオブジェクトをクリック。

今回は動く爆弾に対して、星をアタッチします。

星には色が変わって点滅するアニメーションが付いています。

public(パブリック)のおかげでスクリプトにゲームオブジェクトが追加できるようになってます。

出現させたいプレハブをドラック&ドロップ。

今回は星(star)ですね。

ゲーム画面を見てみましょう。

まとめ　エフェクトの自作は初心者OK

実際にどう設定すれば正しく動くのかを動画を使って解説しました。

他の記事で解説済みのところも多く面倒な思いをさせてしまっていたら申し訳ありません。

おまけですが・・・アイテム取ったらハートなんてのも実装してみました。

ではまたゲームの作り方の続きでお会いしましょう。

ありがとうございました。