ゴールすれば花火を打ち上げる

2023年01月27日

ゴールのオブジェクトに触れると、花火が出現するしくみを作ってみましょう。

今回は2D制作で、アイテムに触れると、5発の花火が順番に打ち上がるように、スクリプトを作成しています。

アセットデータの用意

花火のエフェクトはこちらの、Cartoon FX Remaster Freeを利用させていただきました。

Cartoon FX Remaster Free

ゴールのアイテムはこちらの、2D Pixel Item Asset Packを利用させていただきました。

2D Pixel Item Asset Pack

プレーヤーの魔女の画像は、こちらのpngファイルをダウンロードしてご利用ください。

それぞれインポートが終わると、プロジェクトビューはこのように確認できます。

オブジェクトの用意

プレーヤー（witch）の画像を、ヒエラルキーに配置します。

witchの位置を変更します。

2Dカプセルコライダー、2Dリジッドボディを追加し、キネマティックにします。

続いて、2Dアイテムパックから、アイテムを選んで配置します。

アイテムの名前をGoalに変更し、サイズと位置を変更します。

2Dボックスコライダーを追加し、トリガーにするにチェックを入れます。

ゲームビューではこのように見えています。

次に、花火の発生ポイントをつくりましょう。

空のオブジェクトを作成し、上部に配置。

わかりやすいように、アイコンをつけておきます。

これを複製して、ぜんぶで5つ作成し、適当なところに配置します。

シーンビューではこのように見えています。

アイテムに触れると花火を出現させる

FireWork.csを作成し、プレーヤー（witch）に追加します。

FireWork.csを記述します。

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

public class FireWork : MonoBehaviour
{
    [SerializeField] GameObject[] myArray = new GameObject[5];
    [SerializeField] GameObject hanabi; 
    Rigidbody2D rb2d;
    private float speed = 3.0f;
 
    void Start()
    {
        rb2d = GetComponent<Rigidbody2D>();
    }
 
    void Update()
    {
        float input = Input.GetAxisRaw("Horizontal");
        rb2d.velocity = new Vector2(input * speed, rb2d.velocity.y);
 
        if(input < 0)
        {
            transform.eulerAngles = new Vector3(0, 180 ,0);
        }
        else if(input > 0)
        {
            transform.eulerAngles = new Vector3(0,0,0);
        }
    }
 
 
     void OnTriggerEnter2D(Collider2D other)
    {
        if(other.gameObject.name == "Goal")
            StartCoroutine("HanabiShot");
    }

    IEnumerator HanabiShot()
    {
        foreach(GameObject point in myArray)
        {
            Instantiate(hanabi, point.transform.position, Quaternion.identity);
            yield return new WaitForSeconds(0.5f);
        }
    }
}

using System.Collections;

using System.Collections.Generic;

using UnityEngine;

public class FireWork : MonoBehaviour

{

[SerializeField] GameObject[] myArray = new GameObject[5];

[SerializeField] GameObject hanabi;

Rigidbody2D rb2d;

private float speed = 3.0f;

void Start()

{

rb2d = GetComponent<Rigidbody2D>();

}

void Update()

{

float input = Input.GetAxisRaw("Horizontal");

rb2d.velocity = new Vector2(input * speed, rb2d.velocity.y);

if(input < 0)

{

transform.eulerAngles = new Vector3(0, 180 ,0);

}

else if(input > 0)

{

transform.eulerAngles = new Vector3(0,0,0);

}

void OnTriggerEnter2D(Collider2D other)

{

if(other.gameObject.name == "Goal")

StartCoroutine("HanabiShot");

}

IEnumerator HanabiShot()

{

foreach(GameObject point in myArray)

{

Instantiate(hanabi, point.transform.position, Quaternion.identity);

yield return new WaitForSeconds(0.5f);

}

MyArrayの要素0～4に、5つのGameObject（発生ポイント）を入れます。

Hanabiのフィールドに、CFX_FireWork（花火のエフェクト）を入れます。

ゲームプレイして、プレーヤーを操作しましょう。

アイテムにぶつかると、5つの花火が打ちあがります。

発生ポイントを配列に格納し、0.5秒おきにループで取り出し。

その発生ポイントの位置に、花火のプレハブを生成しています。

< 前の記事次の記事 >

ゴールすれば花火を打ち上げる

アセットデータの用意

オブジェクトの用意

アイテムに触れると花火を出現させる

SCHOOL教室案内

枚方くずは校

神戸芦屋校

京都南教室

ゴールすれば花火を打ち上げる

アセットデータの用意

オブジェクトの用意

アイテムに触れると花火を出現させる

関連記事

SCHOOL教室案内

枚方くずは校

神戸芦屋校

京都南教室