チャージ式エネルギー弾は、誰でも作れるロマンスキル!!【Unity】

皆さん、こんにちは！
今回は、チャージ式エネルギー弾の実装方法を１分で解説した動画を作ったので、序でに動画内容を記事にまとめました。

▲個人的には大分、脳筋的な作り方だと思っていますが、こんな感じの攻撃手段を実装してみたい方は、参考にしてみてください！

UnityのVFXエフェクトについては、

を参照してみてください。

基本的な要素の作り方

①エネルギー弾の作り方

1. 器（親）：右click → Create Emptyで追加 → Nameを"EnergyBall_S"に【任意】 → regidbodyとSphereColliderを追加 → regidbodyのUse Gravityの✓を外す → SphereColliderのIs Triggerを✓ → New Script から ”EnergyballControl”を作成して追加 → Tagを”Energyball”に【任意】

2. 中身（子）："EnergyBall"上で右click →3D Object → Sphereで追加 →  Nameを"Ball_S"に【任意】→ SphereColliderを削除 → マテリアルを設定【任意】

3. １と２を作ったら、器をPrefab化して、Hierarchy上の器と中身を削除

オブジェクトの親子関係

親オブジェクトの中身

子オブジェクトの中身

▲チャージ時間で弾を変えたい場合は、上記の手順でそれぞれ作る
※親子分けする理由は、中身を差し替えるだけで見た目が変更できるため

②弾の生成＆発射ポイントの作り方

キャラの上で右click → Create Empty → Nameを"EnergyballPoint"に【任意】→ NewScriptで”EnergyBallController”を作成して追加→生成＆発射地点に移動

キャラとポイントの親子関係

生成＆発射ポイントの中身

③スクリプト処理

処理概要：ボタン入力 → チャージ → 弾生成 → 弾発射 → 弾射出 → 弾消滅

操作キャラにアタッチ、もしくは追加するスクリプト【ボタン入力】

using UnityEngine;
using UnityEngine.InputSystem;

public class PlayerController : MonoBehaviour
{
    public bool energyballFlug = false; //スキル使用の判定用フラグ

    public void OnEnergyball(InputAction.CallbackContext context) // ボタン長押し入力[フラグの切替]
    {
        if (context.started) energyballFlug = true; // 押し始めにスキルの使用開始
        else if (context.canceled) energyballFlug = false; // 押し終わりにスキルの使用解除
    }
}

”EnergyBallController”スクリプト【チャージ（３段階）/弾生成/弾発射/弾消滅】（エフェクト含む）

using UnityEngine;
using UnityEngine.VFX;

public class EnergyballController : MonoBehaviour
{
    //Prefab化した弾オブジェクト
    [SerializeField]
    private GameObject energyballPrefab_S; //Prefab化したSサイズのエネルギー弾
    [SerializeField]
    private GameObject energyballPrefab_M; //Prefab化したMサイズのエネルギー弾
    [SerializeField]
    private GameObject energyballPrefab_L; //Prefab化したLサイズのエネルギー弾

    //複製して生成したオブジェクト
    private GameObject enemyball_S; //生成したSサイズのエネルギー弾
    private GameObject enemyball_M; //生成したMサイズのエネルギー弾
    private GameObject enemyball_L; //生成したLサイズのエネルギー弾

    //チャージ状態の判定用フラグ
    private bool sState = false; //S弾用
    private bool mState = false; //M弾用
    private bool lState = false; //L弾用

    //パラメータ
    public float shotSpeed; //発射スピード
    private float time = 0.0f; //経過時間
    [SerializeField]
    private float chargetime = 3.0f; //チャージ時間

    //エフェクト
    [SerializeField]
    private GameObject chargeEB; //チャージエフェクト
    private VisualEffect chargeEB_VFX; //チャージVFX
    private AudioSource chargeEB_SE; //チャージSE
    [SerializeField]
    private GameObject hazeEB; //モヤエフェクト
    private VisualEffect hazeEB_VFX; //モヤVFX
    private AudioSource hazeEB_SE; //モヤSE
    [SerializeField]
    private GameObject fireEB; //火花エフェクト
    private VisualEffect fireEB_VFX; //火花VFX
    private AudioSource fireEB_SE; //火花SE

    //その他
    Rigidbody rb;
    private PlayerController playerController; //プレイヤーコントロール用スクリプト
    int count_s = 0; //生成したSサイズ弾の数
    int count_m = 0; //生成したMサイズ弾の数
    int count_l = 0; //生成したLサイズ弾の数
    int max = 1; //生成できる弾の数

    void Start()
    {
        playerController = transform.parent.GetComponent<PlayerController>(); //PlayerControllerのコンポーネント情報を取得
        chargeEB_VFX = chargeEB.transform.GetComponent<VisualEffect>();
        chargeEB_SE = chargeEB.transform.GetComponent<AudioSource>();
        hazeEB_VFX = hazeEB.transform.GetComponent<VisualEffect>();
        hazeEB_SE = hazeEB.transform.GetComponent<AudioSource>();
        fireEB_VFX = fireEB.transform.GetComponent<VisualEffect>();
        fireEB_SE = fireEB.transform.GetComponent<AudioSource>();

    　　//エフェクト停止
        chargeEB_VFX.SendEvent("StopPlay");
        hazeEB_VFX.SendEvent("StopPlay");
        fireEB_VFX.SendEvent("StopPlay");
        chargeEB_SE.Stop();
        hazeEB_SE.Stop();
        fireEB_SE.Stop();
    }
    void Update()
    {
        //ボタンを入力しているとき
        if (playerController.energyballFlug) Generate(); //エネルギー弾生成用メソッド

        //ボタンを離したとき
        else Shot(); //エネルギー弾発射用メソッド
    }

　　//エネルギー弾の生成処理
    void Generate()
    {
        time += Time.deltaTime; //チャージ時間の加算

        if (time >= 0.5f && time < chargetime) //チャージ時間が0.5秒以上3秒未満のとき
        {
            if (count_s == max) return; //上限に達したときは、何もしない
            else
            {
            OnChargeEffect();
            enemyball_S = Instantiate(energyballPrefab_S, transform.position, Quaternion.identity); //S弾を生成
            enemyball_S.transform.parent = this.transform; //S弾の親を発射ポイントに設定→キャラの移動に追尾させるため
            rb = enemyball_S.GetComponent<Rigidbody>(); //S弾のrigidbodyを取得
            rb.isKinematic = true; //力の影響の無効化
            sState = true; //S弾の準備完了状態
            count_s++; //S弾の生成数を加算
            }
        }
        else if (time >= chargetime && time < chargetime * 2) //チャージ時間が3秒以上6秒未満のとき
        {
            if (count_m == max) return;
            else
            {
            Destroy(enemyball_S); //S弾の削除
            sState = false; //S弾の準備解除状態

　　　　　　 //以下はS弾と同様
            enemyball_M = Instantiate(energyballPrefab_M, transform.position, Quaternion.identity);
            enemyball_M.transform.parent = this.transform; 
            rb = enemyball_M.GetComponent<Rigidbody>(); 
            rb.isKinematic = true; 
            mState = true;
            count_m++;
            }
        }
        else if (time >= chargetime * 2) //チャージ時間が6秒以上のとき
        {
            if (count_l == max) return;
            else
            {
            Destroy(enemyball_M);
            mState = false;

            enemyball_L = Instantiate(energyballPrefab_L, transform.position, Quaternion.identity);
            enemyball_L.transform.parent = this.transform;
            rb = enemyball_L.GetComponent<Rigidbody>();
            rb.isKinematic = true;
            lState = true;
            count_l++;
            }
        }
   }
　　//エネルギー弾の発射処理
    void Shot()
    {
        OnShotEffect();
        this.transform.DetachChildren(); //親子関係の切り離し→キャラの移動に追尾しないため

        if (sState) 
        {
        　　 OnShotEffect(); //S弾の発射エフェクト
            rb.isKinematic = false; //力の影響の有効化
            rb.AddForce(transform.forward * shotSpeed, ForceMode.Impulse); //力の付与（向き、速さ、力の種類の設定）
            Quaternion rotation = Quaternion.LookRotation(transform.forward, Vector3.up); //発射方向を取得
            enemyball_L.transform.rotation = rotation; //弾を発射方向に設定
            EnergyballControl energyballControl = enemyball_L.GetComponent<EnergyballControl>(); //生成した弾のEnergyballControlを取得
            energyballControl.shot = true; //EnergyballControlのshotフラグをtrueに変更
            Destroy(enemyball_S, 2.0f); //一定時間の経過で消滅
            sState = false; //S弾の準備解除状態
        }
        else if (mState) //M弾、L弾も上記と同様
        {
        　　 OnShotEffect();
            rb.isKinematic = false; 
            rb.AddForce(transform.forward * shotSpeed, ForceMode.Impulse);
            Quaternion rotation = Quaternion.LookRotation(transform.forward, Vector3.up);
            enemyball_L.transform.rotation = rotation;
            EnergyballControl energyballControl = enemyball_L.GetComponent<EnergyballControl>();
            energyballControl.shot = true;
            Destroy(enemyball_M, 2.0f);
            mState = false;
        }
        else if (lState)
        {
        　　 OnShotEffect();
            rb.isKinematic = false; 
            rb.AddForce(transform.forward * shotSpeed, ForceMode.Impulse);
            Quaternion rotation = Quaternion.LookRotation(transform.forward, Vector3.up);
            enemyball_L.transform.rotation = rotation;
            EnergyballControl energyballControl = enemyball_L.GetComponent<EnergyballControl>();
            energyballControl.shot = true;
            Destroy(enemyball_L, 2.0f);
            lState = false; 
        }
        //弾数とチャージ経過時間のリセット
        count_s = 0;
        count_m = 0;
        count_l = 0;
        time = 0.0f;
    }
    private void OnChargeEffect() 
    {
        //チャージ中のエフェクト開始
        chargeEB_VFX.SendEvent("OnPlay");
        hazeEB_VFX.SendEvent("OnPlay");
        chargeEB_SE.Play();
        hazeEB_SE.Play();
    }
    private void OnShotEffect() //発射エフェクト
    {
        //チャージ中のエフェクト終了
        chargeEB_VFX.SendEvent("StopPlay");
        hazeEB_VFX.SendEvent("StopPlay");
        chargeEB_SE.Stop();
        hazeEB_SE.Stop();

        //発射時のエフェクト開始
        fireEB_VFX.Play();
        fireEB_SE.Play();
    }
}

”EnergyballControl”スクリプト【弾射出/弾消滅】（エフェクト含む）

using UnityEngine;
using UnityEngine.VFX;

public class EnergyballControl : MonoBehaviour
{
    public bool shot = false; //射出判定用フラグ

    //エフェクト
    [SerializeField]
    private GameObject shotHazeEB; //射出モヤオブジェ
    private VisualEffect shotHazeEB_VFX; //射出モヤVFX
    private AudioSource shotHazeEB_SE; //射出モヤSE
    [SerializeField]
    private GameObject shotRayEB; //射出線オブジェ
    private VisualEffect shotRayEB_VFX; //射出線VFX
    private AudioSource shotRayEB_SE; //射出線SE

    void Start()
    {
        shotHazeEB_VFX = shotHazeEB.transform.GetComponent<VisualEffect>();
        shotHazeEB_SE = shotHazeEB.transform.GetComponent<AudioSource>();
        shotRayEB_VFX = shotRayEB.transform.GetComponent<VisualEffect>();
        shotRayEB_SE = shotRayEB.transform.GetComponent<AudioSource>();

    　　//エフェクト停止
        shotHazeEB_VFX.SendEvent("StopPlay");
        shotRayEB_VFX.SendEvent("StopPlay");
        shotHazeEB_SE.Stop();
        shotRayEB_SE.Stop();
    }

    void Update()
    {
        if (shot) //発射したとき
        {
    　　　　 //射出エフェクト開始
            shotHazeEB_VFX.SendEvent("OnPlay");
            shotRayEB_VFX.SendEvent("OnPlay");
            shotHazeEB_SE.Play();
            shotRayEB_SE.Play();
            shot = false;  //射出判定用フラグのリセット
        }
    }

    private void OnTriggerEnter(Collider other)
    {
        if (other.gameObject.tag == "Block") //ブロックに当たったとき　
        {
            Destroy(this.gameObject);
        }
    }
}

④エフェクト作成

エフェクトは、Blenderや、UnityのVFXEffectGraph/ShaderGraphなどで作ることができます。

①チャージエフェクト

チャージエフェクトの画像

チャージエフェクトのVFXEffectGraph

②モヤエフェクト

モヤエフェクトの画像

モヤエフェクトのVFXEffectGraph

モヤエフェクトのShaderGraph

③火花エフェクト

火花エフェクトの画像

モヤエフェクトのVFXEffectGraph（Delay0.1sごとで３つ使用）

④射出線エフェクト

射出線エフェクトの画像

射出線エフェクトのVFXEffectGraph

⑤サウンド追加

今回は、効果音ラボ様のサイトから、SE音源をお借りしました。

効果音ラボ - 商用無料、報告不用の効果音素材をダウンロード

▼今回使用したSE音源
・チャージエフェクト → パワーチャージ
・モヤエフェクト → 暗黒魔法
・火花エフェクト → 構えを取る
・射出線エフェクト→ 暗黒魔法
・射出モヤエフェクト→ オーラ２

お好みでアレンジできる要素

・弾オブジェクト（形状）→ Blenderで弾のモデルを作る
・マテリアル（テクスチャ、色、ノーマルマップ、不透明度など）
・スクリプト（チャージ時間、ダメージ量、持続時間など）
・エフェクト（着弾時や消滅時など）
・サウンド（形態変化時、着弾時など）

Blenderで弾のモデルやテクスチャを作ったり、エフェクトを追加すれば、自分だけのエネルギー弾を作ることもできます。

まとめ

こんな感じでチャージ式エネルギー弾の作り方をまとめてみましたが、いかがだったでしょうか？

エネルギー弾の作り方以外にも、エフェクトの作り方やSEの適用方法など、ゲーム制作での色んな場面で活用できることがいくつもありますので、ご自身のゲーム制作の参考にしていただければ幸いです。

次回は、今回紹介したUnityのVFXEffectGraphを使ったエフェクトの作り方と適用までを１分にまとめた動画を作ろうと思ってます。