This article is a Private article. Only a writer and users who know the URL can access it.
Please change open range to public in publish setting if you want to share this article with other users.

More than 1 year has passed since last update.

Unity発展編〜星集めゲームを作ろう〜

Last updated at 2023-03-04Posted at 2020-06-14

はじめまして、フリーランスのますみです！
『一人一人が自立・共存・革新している「クリエイターエコノミー」を創る。』というビジョンに向けて活動しています。

この記事では、Unityというゲーム開発エンジンを使って、「星集めゲーム」を作っていきます。具体的には、「盤面の端っこにある星をどれだけ速く集められるかを競うゲーム」です。

【このコースの全体像】
1. Unity入門編〜インストールしてみよう〜
2. Unity基礎編〜ボールを動かしてみよう〜
3. Unity発展編〜星集めゲームを作ろう〜

コンテンツ

1. プロジェクトの確認

【1. Unity入門編〜インストールしてみよう〜】を参考にして環境構築・プロジェクト作成を行い、【2. Unity基礎編〜ボールを動かしてみよう〜】にて、ボールを矢印キーで動かせるようにできていることを前提としています。

Unityで実行して、矢印キーで動かせるかまず確認しましょう。

2. 星オブジェクトの生成

次に、メインとなる星のオブジェクトを生成してみましょう。

今回は、簡易的に作成するために、Cubeに星のエフェクトをつけることで、星っぽさを出しました。

Hierarchy > Create > 3D Object > Cubeを選択します。

すると、以下のようにCubeが現れると思います。

このオブジェクトを盤面の端に動かしましょう。

私は、Position（位置）を（4, 0.5, -4）の位置に動かしました。

3. 星エフェクトの追加

続いて、Hierarchy > Create > Effects > Particle Systemをクリックしましょう。

すると、以下のように星が出てくると思います。

続いて、このエフェクト（Particle System）を星オブジェクト（Cube）の中にドラッグ&ドロップで入れます。

星オブジェクト（Cube）の中央からエフェクト（Particle System）を出したいため、エフェクト（Particle System）のpositionを(0, 0, 0)にしましょう。

そして、以下のように自由に星エフェクト（Particle System）の設定を調整しましょう。

最後に、星オブジェクト（Cube）の大きさを調整しましょう。

3. ボールと星オブジェクトの接触判定の追加

続いて、ボールが星オブジェクトに触れたら消える処理を書いていきます。

まず、星オブジェクトにTagを追加していきましょう。
以下のようにCubeを選択して、Tag > Add Tagを選択します。

すると、Tagの管理画面が出てくるため、+ボタンをクリックします。

そして、Starと入力して、Saveをクリックします。

すると、Starというタグが追加されたことがわかります。

もう一度Cubeを選択して、TagをStarにします。

以下のようにTagがStarになれば、タグ付け成功です！

タグが設定できたら、ボールオブジェクト（Sphere）において、Add Component > new script > get_star > Create and Addをして、スクリプトを生成します。

get_star.csというファイルが以下のように生成されたら、ファイルをVisual Studioなどで開いてみましょう。

以下のようにStarタグに触れた時、星オブジェクトを削除するというコードを書きましょう。
もしも書き終わったら、保存・ビルドをして、エラーがないか確認しましょう。

get_star.cs

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

public class get_star : MonoBehaviour
{
    // Start is called before the first frame update
    void Start()
    {

    }

    // Update is called once per frame
    void Update()
    {

    }

    void OnTriggerEnter(Collider star)
    {
        if(star.gameObject.tag == "Star")
        {
            Destroy(star.gameObject);
        }
    }
}

そしたら、当たり判定を有効にするために、Unity上で星オブジェクト（Cube）のBox Collider というComponentのIs Triggerというチェックボックスをチェックしましょう。もしもチェックが入れられたら、実行してみましょう。

以下のように出ているオブジェクトに向かって、ボールを動かします。

星オブジェクトが消えたら成功です！
うまく星オブジェクトを取ることができたら、停止しましょう。

4. タイムアタック機能の作成

続いて、Hierarchy > Create > UI > Textを選択して、いきましょう。

UIのテキストが追加されたか確認するために、一度実行しましょう。

下部に小さなテキストが見えると思います。初めは中央から離れた場所に生成されます。

Textのコンポーネントの設定を変えて、ちょうどいい大きさなどにしましょう。

Add Component > new script > time_attack > Create and Addという順で、タイムアタック用のスクリプトをUIのテキストに生成して、追加します。

以下のようにtime_attack.csというファイルが生成されているか確認しましょう。
もしも生成に成功したら、ファイルを開き、コーディングしていきましょう。

続いて、以下のように時間に伴って、タイムが増えて、それを表示するスクリプトを書きます。

time_attack.cs

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

public class time_attack : MonoBehaviour
{
    float time;

    // Start is called before the first frame update
    void Start()
    {
        time = 0.0f;
    }

    // Update is called once per frame
    void Update()
    {
        time += Time.deltaTime;
        gameObject.GetComponent<Text>().text = time.ToString("F2");
    }
}

保存・ビルドして、エラーが出なければ、Unityで確認していきましょう。

しっかりと時間が増えて、テキストが更新されれば成功です！

最後に、Starタグのついたオブジェクトを全て回収したら、時間が止まるようにしたいと思います。
以下のようにコードを編集しましょう。

time_attack.cs

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

public class time_attack : MonoBehaviour
{
    float time;
    public GameObject[] starObj;

    // Start is called before the first frame update
    void Start()
    {
        time = 0.0f;
    }

    // Update is called once per frame
    void Update()
    {
        starObj = GameObject.FindGameObjectsWithTag("Star");
        if (starObj.Length != 0) {
            time += Time.deltaTime;
            gameObject.GetComponent<Text>().text = time.ToString("F2");
        }
    }
}

編集し終わったら、実行してチェックしましょう。
もしも時間がしっかりと止まれば成功です！

5. リスタートボタンの作成

続いて、ゲームをもう一度遊ぶためのリスタートボタンを作成していきましょう。

Create > UI > Buttonから新しいボタンを追加します。

以下のようにボタンが表示されれば成功です。

ボタンを右下などに動かして、好きな位置に配置しましょう。

Buttonの中のTextを選択して、文字やフォントを好きなように編集しましょう。

リスタートボタンが押されたら、リスタートするスクリプトを生成しましょう。

Buttonオブジェクトを選択して、Add Component > new script > restart > Create and Addから新しいスクリプトを生成して、追加しましょう。

以下のようにスクリプトが生成されたら成功です。

次に、現在編集しているゲームのSceneを再ロードするため、Sceneの名前をわかりやすい名前に変更しましょう。
デフォルトでは、SampleSceneになっていると思います。

これをGameSceneに変更しましょう。

これで準備完了です。
以下のようにrestart.csを開いて、コーディングしていきましょう。

以下のようにボタンがクリックされたら、GameSceneをリロードするというようなスクリプトを書きましょう。

restart.cs

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

using UnityEngine.UI;
using UnityEngine.SceneManagement;

public class restart : MonoBehaviour
{
    // Start is called before the first frame update
    void Start()
    {
        gameObject.GetComponent<Button>().onClick.AddListener(RestartGame);
    }

    // Update is called once per frame
    void Update()
    {

    }

    void RestartGame()
    {
        SceneManager.LoadScene("GameScene");
    }
}