【基本操作】タマあんどヒシガタ～完全手順【パズル】

2022.07.22
【タマあんどヒシガタ】
タマをゴールまで導くゲームです。

ゲーム画面をクリックするとジャンプ台を押すようにしてタマが動きます。
タマは壁、もしくはジャンプ台にぶつかると停止し、
ヒシガタとトゲにぶつかるとミスとなります。
ヒシガタはタマと同じようにジャンプ台を利用して動き、トゲとぶつかると両方消滅します。

トゲとヒシガタにぶつからないよう、タマをゴールまで導いてください。


身に付くこと　：基本操作
対象　　　　　：初心者、Unityに初めて触る方
使用バージョン：Unity 2021.3
時間　　　　　：1.5時間

■キャラクター作成

●タマ作成

最初にプレイヤーとして動かすタマを作成します。
タマの隣にジャンプ台がある時に画面をクリックすると、ジャンプ台に押したように動き出します。
まずは単純に、いきなり進み続けるように作成します。

▷タマ作成

球を作成してTransformをリセットし、青色設定したマテリアルを割り当てます。

タマ作成

・球作成

  1. ヒエラルキー左上の「＋」をクリック
  2. 「3Dオブジェクト＞スフィア」をクリック
  3. 「Tama」と入力し、ENTERキーを押す

・位置、回転、スケールリセット

  1. インスペクターのTransformにある縦の三点リーダーをクリック
  2. リセットをクリック

・マテリアル作成

  1. プロジェクトの「Assets」を右クリックし、「作成＞マテリアル」をクリック
  2. 「matTama」と入力し、ENTERキーを押す

・マテリアル色設定

  1. インスペクターの「Main Maps>アルベド＞カラーバー」をクリックし、色ダイアログの16進数を「0000FF」に設定
  2. 色ダイアログの右上にある「×」をクリック

・マテリアル割り当て

  1. プロジェクトの「matTama」をヒエラルキーの「Tama」にドラッグ＆ドロップ

▷タマ制御

スクリプトを作成してタマに割り当て、「タマを30フレームに1メートルの速さで動く」ようにスクリプトを記述します。

タマ制御

・スクリプト作成

  1. プロジェクトの「Assets」を右クリックし、「作成＞C# スクリプト」をクリック
  2. 「CharCtrl」と入力し、ENTERキーを押す

・スクリプト割り当て

  1. プロジェクトの「Assets>CharCtrl」をヒエラルキーの「Tama」にドラッグ＆ドロップ

・スクリプト編集開始

  1. プロジェクトの「Assets>CharCtrl」をダブルクリック

・スクリプト変数定義

  1. クラス定義内の先頭に以下の変数を追加
    float moveFrame = 30;       // １歩に何フレームかけるか
    float frameCount = 0;       // 経過フレーム数

・スクリプト関数定義

  1. クラス定義内の最後に以下の関数を追加
    // 物理フレーム更新時に処理
    void FixedUpdate()
    {
    }

・スクリプト処理

  1. FixedFrameに以下の処理を記述
        // １歩分のフレームが経過するまで何もしない
        frameCount++;
        if (frameCount < moveFrame) return;

        // 経過フレーム数を0初期化する
        frameCount = 0;

        // 向いている方向に１メートル進む
        transform.position += transform.forward;

・スクリプト保存

  1. CTRLを押しながらSキーを押す

・Unityに戻ってスクリプトをビルド

  1. Unityエディタのタイトルをクリック

▷タマ認識

スクリプトでタマを認識させるため、タグ「Player」をタマに割り当てます。

タマ認識

・タグ割り当て

  1. ヒエラルキーの「Tama」をクリック
  2. インスペクター上部のタグドロップダウンをクリックし、「Player」をクリック

・プロジェクト保存

  1. CTRLを押しながらSキーを押す

▷動作確認

タマが期待通り動くかどうか、プレビューして確認します。

動作確認

・プレビュー開始

  1. エディタ上中央の「▶」をクリック

・動作確認

  1. 奥に向かって１メートルごとに進むことを確認

・プレビュー終了

  1. エディタ上中央の「▶」をクリック

▷スクリプト記述例

「タマを30フレームに1メートルの速さで動く」スクリプトの記述例です。

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

public class CharCtrl : MonoBehaviour
{
    float moveFrame = 30;       // １歩に何フレームかけるか
    float frameCount = 0;       // 経過フレーム数

    // Start is called before the first frame update
    void Start()
    {
        
    }

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

    // 物理フレーム更新時に処理
    void FixedUpdate()
    {
        // １歩分のフレームが経過するまで何もしない
        frameCount++;
        if (frameCount < moveFrame) return;

        // 経過フレーム数を0初期化する
        frameCount = 0;

        // 向いている方向に１メートル進む
        transform.position += transform.forward;
    }
}

●ヒシガタ作成

次に、同じように動くキャラクター「ヒシガタ」を作成します。
タマと衝突すると両方とも消滅します。

▷ヒシガタ作成

箱を作成してTransformを「位置(0, 0, 0)、回転(0, 45, 0)、スケール(0.7, 1, 0.7)」とし、赤色設定したマテリアルを割り当てます。

ヒシガタ作成

・箱作成

  1. ヒエラルキー左上の「＋」をクリック
  2. 「3Dオブジェクト＞キューブ」をクリック

・位置、回転、スケール設定

  1. インスペクターのTransformにある位置を(0, 0, 0)とする
  2. インスペクターのTransformにある回転を(0, 45, 0)とする
  3. インスペクターのTransformにあるスケールを(0.7, 1, 0.7)とする

・マテリアル作成

  1. プロジェクトの「Assets」を右クリックし、「作成＞マテリアル」をクリック
  2. 「matHisi」と入力し、ENTERキーを押す

・マテリアル色設定

  1. インスペクターの「MainMaps>アルベド＞カラーバー」をクリックし、色ダイアログの16進数を「FF0000」に設定
  2. 色ダイアログの右上にある「×」をクリック

・マテリアル割り当て

  1. プロジェクトの「matHisi」をヒエラルキーの「Cube」にドラッグ＆ドロップ

▷ヒシガタ階層化

空オブジェクトを作成してTransformを「位置(1, 0, 0)、回転(0, 270, 0)、スケール(1, 1, 1)」とし、赤色の箱を子供とします。

ヒシガタ階層化

・空オブジェクト作成

  1. ヒエラルキー左上の「＋」をクリック
  2. 「空のオブジェクトを作成」をクリック
  3. 「Hisi」と入力し、ENTERキーを押す

・階層設定

  1. ヒエラルキーの「Cube」をヒエラルキーの「Hisi」にドラッグ＆ドロップ

・位置、回転、スケール設定

  1. ヒエラルキーの「Hisi」をクリック
  2. インスペクターのTransformにある位置を(3, 0, 3)とする
  3. インスペクターのTransformにある回転を(0, 270, 0)とする
  4. インスペクターのTransformにあるスケールを(1, 1, 1)とする

▷ヒシガタ認識

タグ「Enemy」を作成し、ヒシガタに割り当てます。

ヒシガタ認識

・タグ作成

  1. ヒエラルキーの「Hisi」をクリック
  2. インスペクター上部のタグドロップダウンをクリックし、「タグを追加…」をクリック
  3. インスペクター「Tag & Layers」にあるタグ欄右下の「＋」をクリック
  4. 「Enemy」と入力してENTERを押す

・タグ割り当て

  1. ヒエラルキーの「Hisi」をクリック
  2. インスペクターのタグドロップダウンをクリックし、「Enemy」をクリック

▷ヒシガタ制御

ヒシガタにCharCtrlを割り当て、CharCtrlを「タマとヒシガタが衝突したら両方削除する」ように修正します。

ヒシガタ制御

・スクリプト割り当て

  1. プロジェクトの「Assets>CharCtrl」をヒエラルキーの「Hisi」にドラッグ＆ドロップ

・スクリプト編集開始

  1. プロジェクトの「Assets>CharCtrl」をダブルクリック

・タグでオブジェクトを検索

  1. FixedUpdate関数の処理先頭に「タグ検索でタマとヒシガタの一覧を取得する」処理を追加
        // タグ検索でタマとヒシガタの一覧を取得する
        GameObject[] tamas = GameObject.FindGameObjectsWithTag("Player");
        GameObject[] hisis = GameObject.FindGameObjectsWithTag("Enemy");

・衝突時にオブジェクトを削除

  1. 移動処理の後に「ヒシガタとタマが衝突したら両方削除」する処理を追加
        // ヒシガタとタマが衝突したら両方削除
        if (tamas.Length != 0 && hisis.Length != 0)
        {
            // タマとヒシガタの位置が同じだった場合
            if (tamas[0].transform.position == hisis[0].transform.position)
            {
                // タマとヒシガタを削除
                Destroy(tamas[0]);
                Destroy(hisis[0]);
            }
        }

・スクリプト保存

  1. CTRLを押しながらSキーを押す

・Unityに戻ってスクリプトをビルド

  1. Unityエディタのタイトルをクリック

・プロジェクト保存

  1. CTRLを押しながらSキーを押す

▷動作確認

ヒシガタが期待通り動き、タマと衝突したら両方消えるかどうか、プレビューして確認します。

動作確認

・プレビュー開始

  1. エディタ上中央の「▶」をクリック

・動作確認

  1. ヒシガタが左奥に向かって進むことを確認
  2. タマとヒシガタがぶつかったら両方消えることを確認

・プレビュー終了

  1. エディタ上中央の「▶」をクリック

▷スクリプト記述例

「タマとヒシガタが衝突したら両方削除する」スクリプトの記述例です。

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

public class CharCtrl : MonoBehaviour
{
    float moveFrame = 30;       // １歩に何フレームかけるか
    float frameCount = 0;       // 経過フレーム数

    // Start is called before the first frame update
    void Start()
    {
        
    }

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

    // 物理フレーム更新時に処理
    void FixedUpdate()
    {
        // タグ検索でタマとヒシガタの一覧を取得する
        GameObject[] tamas = GameObject.FindGameObjectsWithTag("Player");
        GameObject[] hisis = GameObject.FindGameObjectsWithTag("Enemy");

        // １歩分のフレームが経過するまで何もしない
        frameCount++;
        if (frameCount < moveFrame) return;

        // 経過フレーム数を0初期化する
        frameCount = 0;

        // 向いている方向に１メートル進む
        transform.position += transform.forward;

        // ヒシガタとタマが衝突したら両方削除
        if (tamas.Length != 0 && hisis.Length != 0)
        {
            // タマとヒシガタの位置が同じだった場合
            if (tamas[0].transform.position == hisis[0].transform.position)
            {
                // タマとヒシガタを削除
                Destroy(tamas[0]);
                Destroy(hisis[0]);
            }
        }
    }
}

●トゲ作成

動かないヒシガタである「トゲ」を作成します。
タマやヒシガタが衝突するとトゲとともに消滅します。

▷トゲ作成

同じ構成なので、ヒシガタをコピーして利用します。
名前を変更して位置を(1, 0, 3)とし、色を紫に変更します。

トゲ作成

・オブジェクト複製

  1. ヒエラルキーの「Hisi」をクリック
  2. CTRLを押しながらDキーを押す

・オブジェクト名変更

  1. F2キーを押す
  2. 「Toge」と入力し、ENTERキーを押す

・位置設定

  1. インスペクターのTransformにある位置を(1, 0, 3)に設定

・アセット複製

  1. プロジェクトの「Assets>matHisi」をクリック
  2. CTRLを押しながらDキーを押す

・アセット名変更

  1. F2キーを押す
  2. 「matToge」を入力し、ENTERキーを押す

・マテリアル色設定

  1. インスペクターの「Main Maps>アルベド＞カラーバー」をクリックし、色ダイアログの16進数を「FF00FF」に設定
  2. 色ダイアログの右上にある「×」をクリック

・マテリアル割り当て

  1. ヒエラルキーの「Toge」左にある「▶」をクリック
  2. プロジェクトの「Assets>matToge」をヒエラルキーの「Toge>Cube」にドラッグ＆ドロップ

▷トゲ認識

タグ「Toge」を作成し、トゲに割り当てます。

トゲ認識

・タグ作成

  1. ヒエラルキーの「Toge」をクリック
  2. インスペクターのタグドロップダウンをクリックし、「タグを追加…」をクリック
  3. インスペクター「Tag & Layers」にあるタグ欄右下の「＋」をクリック
  4. 「Toge」と入力してENTERを押す

・タグ割り当て

  1. ヒエラルキーの「Toge」をクリック
  2. インスペクターのタグドロップダウンをクリックし、「Toge」をクリック

▷トゲ制御

トゲは動かないのでCharCtrlスクリプトを外します。
「自分（タマかヒシガタ）がトゲと衝突した時に両方消える」ようにCharCtrlを修正します。
結果、トゲとタマ、もしくはトゲとヒシガタが衝突した時に両方が消えるようになります。

トゲ制御

・コンポーネント削除

  1. ヒエラルキーの「Toge」をクリック
  2. インスペクターの「Char Ctrl(スクリプト)」にある縦の三点リーダーをクリック
  3. 「コンポーネントを削除」をクリック

・スクリプト編集開始

  1. プロジェクトの「Assets>CharCtrl」をダブルクリック

・スクリプト関数定義

  1. FixedUpdate関数の後に以下の関数を追加
    // 指定位置にあるオブジェクトを取得
    GameObject GetObject(Vector3 pos)
    {
        // 指定位置にオブジェクトが無いのでNULLを返す
        return null;
    }

・スクリプト関数作成

  1. GetObject内の「指定位置にオブジェクトが無いのでNULLを返す」前に以下の処理を追加
        // 小数点誤差を補正
        float posX = Mathf.Floor(pos.x + 0.5f);
        float posZ = Mathf.Floor(pos.z + 0.5f);
        // 処理対象とするタグの一覧を作成
        string[] tags = new string[] { "Toge" };
        // タグを１つ１つ処理
        for (int i = 0; i < tags.Length; i++)
        {
            // 指定タグのオブジェクト一覧を取得
            GameObject[] objs = GameObject.FindGameObjectsWithTag(tags[i]);
            // オブジェクトを１つ１つ処理
            for (int j = 0; j < objs.Length; j++)
            {
                // 指定位置に存在するオブジェクトを返す
                Vector3 objPos = objs[j].transform.position;
                if (objPos.x == posX && objPos.z == posZ) return objs[j];
            }
        }

・スクリプト関数呼び出し

  1. FixedUpdate関数の最後に以下の処理を記述
        // 重なったオブジェクトを取得
        GameObject obj = GetObject(transform.position);
        // トゲと重なったら自分とトゲを削除
        if (obj != null && obj.tag == "Toge")
        {
            Destroy(gameObject);
            Destroy(obj);
        }

・スクリプト保存

  1. CTRLを押しながらSキーを押す

・Unityに戻ってスクリプトをビルド

  1. Unityエディタのタイトルをクリック

・プロジェクト保存

  1. CTRLを押しながらSキーを押す

▷動作確認

ヒシガタがトゲと衝突したら両方消えるかどうか、プレビューして確認します。

動作確認

・プレビュー開始

  1. エディタ上中央の「▶」をクリック

・動作確認

  1. ヒシガタとトゲがぶつかったら両方消えることを確認

・プレビュー終了

  1. エディタ上中央の「▶」をクリック

・プレビュー開始

  1. エディタ上中央の「▶」をクリック

・プレビュー一時停止

  1. エディタ上中央の「||」をクリック

・仮編集

  1. ヒエラルキーの「Toge」をクリック
  2. インスペクターのTransformにある位置を(0, 0, 2)に設定

・プレビュー再開

  1. エディタ上中央の「||」をクリック

・動作確認

  1. タマとトゲがぶつかったら両方消えることを確認

・プレビュー終了

  1. エディタ上中央の「▶」をクリック

▷スクリプト記述例

「トゲと重なったら自分とトゲを削除する」スクリプトの記述例です。

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

public class CharCtrl : MonoBehaviour
{
    float moveFrame = 30;       // １歩に何フレームかけるか
    float frameCount = 0;       // 経過フレーム数

    // Start is called before the first frame update
    void Start()
    {
        
    }

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

    // 物理フレーム更新時に処理
    void FixedUpdate()
    {
        // タグ検索でタマとヒシガタの一覧を取得する
        GameObject[] tamas = GameObject.FindGameObjectsWithTag("Player");
        GameObject[] hisis = GameObject.FindGameObjectsWithTag("Enemy");

        // １歩分のフレームが経過するまで何もしない
        frameCount++;
        if (frameCount < moveFrame) return;

        // 経過フレーム数を0初期化する
        frameCount = 0;

        // 向いている方向に１メートル進む
        transform.position += transform.forward;

        // ヒシガタとタマが衝突したら両方削除
        if (tamas.Length != 0 && hisis.Length != 0)
        {
            // タマとヒシガタの位置が同じだった場合
            if (tamas[0].transform.position == hisis[0].transform.position)
            {
                // タマとヒシガタを削除
                Destroy(tamas[0]);
                Destroy(hisis[0]);
            }
        }

        // 重なったオブジェクトを取得
        GameObject obj = GetObject(transform.position);
        // トゲと重なったら自分とトゲを削除
        if (obj != null && obj.tag == "Toge")
        {
            Destroy(gameObject);
            Destroy(obj);
        }
    }

    // 指定位置にあるオブジェクトを取得
    GameObject GetObject(Vector3 pos)
    {
        // 小数点誤差を補正
        float posX = Mathf.Floor(pos.x + 0.5f);
        float posZ = Mathf.Floor(pos.z + 0.5f);
        // 処理対象とするタグの一覧を作成
        string[] tags = new string[] { "Toge" };
        // タグを１つ１つ処理
        for (int i = 0; i < tags.Length; i++)
        {
            // 指定タグのオブジェクト一覧を取得
            GameObject[] objs = GameObject.FindGameObjectsWithTag(tags[i]);
            // オブジェクトを１つ１つ処理
            for (int j = 0; j < objs.Length; j++)
            {
                // 指定位置に存在するオブジェクトを返す
                Vector3 objPos = objs[j].transform.position;
                if (objPos.x == posX && objPos.z == posZ) return objs[j];
            }
        }

        // 指定位置にオブジェクトが無いのでNULLを返す
        return null;
    }
}

■オブジェクト作成

●床作成

タマやヒシガタが動き回る「地面」を作成します。

▷床作成

平面を作成してTransformの位置を(4.5, -0.5, 4.5)とし、グレーのチェッカー模様に設定したマテリアルを割り当てます。

床作成

・平面作成

  1. ヒエラルキー左上の「＋」をクリック
  2. 「3Dオブジェクト＞平面」をクリック
  3. 「Floor」と入力し、ENTERキーを押す

・位置設定

  1. インスペクターのTransformにある位置を(4.5, -0.5, 4.5)とする

・マテリアル作成

  1. プロジェクトの「Assets」を右クリックし、「作成＞マテリアル」をクリック
  2. 「matFloor」と入力し、ENTERキーを押す

・マテリアルテクスチャ設定

  1. インスペクターの「Main Maps>アルベド」左の◎をクリックし、「Default-Checker-Gray」をダブルクリック

・マテリアル色設定

  1. インスペクターの「Main Maps>アルベド＞カラーバー」をクリックし、色ダイアログの16進数を「CCCCCC」に設定
  2. 色ダイアログの右上にある「×」をクリック

・マテリアルタイリング設定

  1. インスペクターの「Main Maps>タイリング」を(5, 5)に設定

・マテリアル割り当て

  1. プロジェクトの「matFloor」をヒエラルキーの「Floor」にドラッグ＆ドロップ

・プロジェクト保存

  1. CTRLを押しながらSキーを押す

●壁作成

タマとヒシガタの移動を停止させる壁を作成します。
移動先に壁がある場合、推進力を失って停止します。

▷壁作成

箱を作成してTransformの位置を(0, 0, 5)とし、オレンジ色の「Background」に設定したマテリアルを割り当てます。

壁作成

・箱作成

  1. ヒエラルキー左上の「＋」をクリック
  2. 「3Dオブジェクト＞キューブ」をクリック
  3. 「Block」と入力し、ENTERキーを押す

・位置、回転、スケール設定

  1. インスペクターのTransformにある位置を(0, 0, 5)とする
  2. インスペクターのTransformにある回転を(0, 0, 0)とする
  3. インスペクターのTransformにあるスケールを(1, 1, 1)とする

・マテリアル作成

  1. プロジェクトの「Assets」を右クリックし、「作成＞マテリアル」をクリック
  2. 「matBlock」と入力し、ENTERキーを押す

・マテリアルテクスチャ設定

  1. インスペクターの「Main Maps>アルベド」左の◎をクリックし、「Background」をダブルクリック

・マテリアル色設定

  1. インスペクターの「Main Maps>アルベド＞カラーバー」をクリックし、色ダイアログの16進数を「FF8000」に設定
  2. 色ダイアログの右上にある「×」をクリック

・マテリアル割り当て

  1. プロジェクトの「matBlock」をヒエラルキーの「Block」にドラッグ＆ドロップ

▷壁認識

タグ「Block」を作成し、壁に割り当てます。

壁認識

・タグ作成

  1. ヒエラルキーの「Block」をクリック
  2. インスペクター上部のタグドロップダウンをクリックし、「タグを追加…」をクリック
  3. インスペクター「Tag & Layers」にあるタグ欄右下の「＋」をクリック
  4. 「Block」と入力してENTERを押す

・タグ割り当て

  1. ヒエラルキーの「Block」をクリック
  2. インスペクターのタグドロップダウンをクリックし、「Block」をクリック

▷壁衝突

移動先に壁かジャンプ台があったら移動停止するようにCharCtrlを修正します。

壁衝突

・スクリプト編集開始

  1. プロジェクトの「Assets>CharCtrl」をダブルクリック

・スクリプト関数修正

  1. FixedUpdate関数内の「経過フレーム数を0初期化する」の後に以下のスクリプトを追加
        // 移動先に壁かジャンプ台があったら移動終了
        GameObject moveObj = GetObject(transform.position + transform.forward);
        if (moveObj != null && (moveObj.tag == "Block" || moveObj.tag == "Jump"))
        {
            return;
        }

・スクリプト関数修正

  1. GetObject関数内の「処理対象とするタグの一覧を作成」を以下のスクリプトのように修正
        // 処理対象とするタグの一覧を作成
        string[] tags = new string[] { "Toge", "Block" };

・スクリプト保存

  1. CTRLを押しながらSキーを押す

・Unityに戻ってスクリプトをビルド

  1. Unityエディタのタイトルをクリック

・プロジェクト保存

  1. CTRLを押しながらSキーを押す

▷動作確認

タマが壁に衝突したら止まるかどうか、プレビューして確認します。

動作確認

・プレビュー開始

  1. エディタ上中央の「▶」をクリック

・動作確認

  1. タマが壁に衝突したら止まることを確認

・プレビュー終了

  1. エディタ上中央の「▶」をクリック

●ジャンプ台作成

画面をクリックするとジャンプ台の隣にあるタマとヒシガタを押すようにして移動を開始させます。
また、壁と同じように移動先にジャンプ台があると移動を停止します。

▷ジャンプ台作成

箱を作成してTransformの位置を(0, 0, -1)とし、緑色の「Knob」に設定したマテリアルを割り当てます。

ジャンプ台作成

・箱作成

  1. ヒエラルキー左上の「＋」をクリック
  2. 「3Dオブジェクト＞キューブ」をクリック
  3. 「Jump」と入力し、ENTERキーを押す

・位置、回転、スケール設定

  1. インスペクターのTransformにある位置を(0, 0, -1)とする
  2. インスペクターのTransformにある回転を(0, 0, 0)とする
  3. インスペクターのTransformにあるスケールを(1, 1, 1)とする

・マテリアル作成

  1. プロジェクトの「Assets」を右クリックし、「作成＞マテリアル」をクリック
  2. 「matJump」と入力し、ENTERキーを押す

・マテリアルテクスチャ設定

  1. インスペクターの「Main Maps>アルベド」左の◎をクリックし、「Knob」をダブルクリック

・マテリアル色設定

  1. インスペクターの「Main Maps>アルベド＞カラーバー」をクリックし、色ダイアログの16進数を「008000」に設定
  2. 色ダイアログの右上にある「×」をクリック

・マテリアル割り当て

  1. プロジェクトの「matJump」をヒエラルキーの「Jump」にドラッグ＆ドロップ

▷ジャンプ台認識

タグ「Jump」を作成し、ジャンプ台に割り当てます。

ジャンプ台認識

・タグ作成

  1. ヒエラルキーの「Jump」をクリック
  2. インスペクターのタグドロップダウンをクリックし、「タグを追加…」をクリック
  3. インスペクター「Tag & Layers」にあるタグ欄右下の「＋」をクリック
  4. 「Jump」と入力してENTERを押す

・タグ割り当て

  1. ヒエラルキーの「Jump」をクリック
  2. インスペクターのタグドロップダウンをクリックし、「Jump」をクリック

▷ジャンプ台制御

ゲーム画面をクリックした時にタマかヒシガタが隣にあったら移動を開始するようCharCtrlを修正します。

ジャンプ台制御

・スクリプト編集開始

  1. プロジェクトの「Assets>CharCtrl」をダブルクリック

・スクリプト変数追加

  1. 「１歩に何フレームかけるか」の変数の前に以下の変数を追加
    bool moveFlag = false;      // 移動中かどうか

・スクリプト関数修正

  1. Update関数内に以下のスクリプトを記述
        // マウスクリックされた場合
        if (Input.GetMouseButtonUp(0) == true)
        {
        }

・スクリプト関数修正

  1. Update関数内の「マウスクリックされた場合」の条件内に以下のスクリプトを記述
            // 現在の回転値を保存
            Quaternion rot = transform.rotation;
            // 上下左右のオブジェクトを取得
            transform.rotation = Quaternion.Euler(0, 0, 0);
            GameObject objU = GetObject(transform.position + transform.forward);
            GameObject objD = GetObject(transform.position - transform.forward);
            GameObject objL = GetObject(transform.position - transform.right);
            GameObject objR = GetObject(transform.position + transform.right);

・スクリプト関数修正

  1. Update関数内の「上下左右のオブジェクトを取得」処理の後に以下のスクリプトを記述
            // 指定方向がジャンプ台かつ逆側がなにも無いかトゲの場合、オブジェクトをジャンプ台の逆側に向ける
            float dir = -1;
            if (objU != null && objU.tag == "Jump" && (objD == null || objD.tag == "Toge")) dir = 180;
            if (objD != null && objD.tag == "Jump" && (objU == null || objU.tag == "Toge")) dir = 0;
            if (objL != null && objL.tag == "Jump" && (objR == null || objR.tag == "Toge")) dir = 90;
            if (objR != null && objR.tag == "Jump" && (objL == null || objL.tag == "Toge")) dir = 270;
            if (dir != -1)
            {
                moveFlag = true;
                rot = Quaternion.Euler(0, dir, 0);
            }
            // 回転値を設定
            transform.rotation = rot;

・スクリプト関数修正

  1. FixedUpdate関数内の「経過フレーム数を0初期化する」処理の後に以下のスクリプトを記述
        // 移動していない場合は終了
        if (moveFlag == false) return;

・スクリプト関数修正

  1. FixedUpdate関数内の「移動先に壁かジャンプ台があったら移動終了」条件内のreturn前に以下のスクリプトを記述
            moveFlag = false;

・スクリプト関数修正

  1. GetObject関数内の「処理対象とするタグの一覧を作成」を以下のスクリプトのように修正
        // 処理対象とするタグの一覧を作成
        string[] tags = new string[] { "Toge", "Block", "Jump" };

・スクリプト保存

  1. CTRLを押しながらSキーを押す

・Unityに戻ってスクリプトをビルド

  1. Unityエディタのタイトルをクリック

・プロジェクト保存

  1. CTRLを押しながらSキーを押す

▷動作確認

クリックしたらタマが動き出すかどうか、プレビューして確認します。

動作確認

・プレビュー開始

  1. エディタ上中央の「▶」をクリック

・動作確認

  1. タマとヒシガタが動いていないことを確認
  2. ゲームビューをクリックしたらジャンプ台と隣接しているタマが動き出すことを確認

・プレビュー終了

  1. エディタ上中央の「▶」をクリック

▷スクリプト記述例

「クリックしたらタマが動き出す」スクリプトの記述例です。

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

public class CharCtrl : MonoBehaviour
{
    bool moveFlag = false;      // 移動中かどうか
    float moveFrame = 30;       // １歩に何フレームかけるか
    float frameCount = 0;       // 経過フレーム数

    // Start is called before the first frame update
    void Start()
    {
        
    }

    // Update is called once per frame
    void Update()
    {
        // マウスクリックされた場合
        if (Input.GetMouseButtonUp(0) == true)
        {
            // 現在の回転値を保存
            Quaternion rot = transform.rotation;
            // 上下左右のオブジェクトを取得
            transform.rotation = Quaternion.Euler(0, 0, 0);
            GameObject objU = GetObject(transform.position + transform.forward);
            GameObject objD = GetObject(transform.position - transform.forward);
            GameObject objL = GetObject(transform.position - transform.right);
            GameObject objR = GetObject(transform.position + transform.right);
            // 指定方向がジャンプ台かつ逆側がなにも無いかトゲの場合、オブジェクトをジャンプ台の逆側に向ける
            float dir = -1;
            if (objU != null && objU.tag == "Jump" && (objD == null || objD.tag == "Toge")) dir = 180;
            if (objD != null && objD.tag == "Jump" && (objU == null || objU.tag == "Toge")) dir = 0;
            if (objL != null && objL.tag == "Jump" && (objR == null || objR.tag == "Toge")) dir = 90;
            if (objR != null && objR.tag == "Jump" && (objL == null || objL.tag == "Toge")) dir = 270;
            if (dir != -1)
            {
                moveFlag = true;
                rot = Quaternion.Euler(0, dir, 0);
            }
            // 回転値を設定
            transform.rotation = rot;
        }
    }

    // 物理フレーム更新時に処理
    void FixedUpdate()
    {
        // タグ検索でタマとヒシガタの一覧を取得する
        GameObject[] tamas = GameObject.FindGameObjectsWithTag("Player");
        GameObject[] hisis = GameObject.FindGameObjectsWithTag("Enemy");

        // １歩分のフレームが経過するまで何もしない
        frameCount++;
        if (frameCount < moveFrame) return;

        // 経過フレーム数を0初期化する
        frameCount = 0;

        // 移動していない場合は終了
        if (moveFlag == false) return;

        // 移動先に壁かジャンプ台があったら移動終了
        GameObject moveObj = GetObject(transform.position + transform.forward);
        if (moveObj != null && (moveObj.tag == "Block" || moveObj.tag == "Jump"))
        {
            moveFlag = false;
            return;
        }

        // 向いている方向に１メートル進む
        transform.position += transform.forward;

        // ヒシガタとタマが衝突したら両方削除
        if (tamas.Length != 0 && hisis.Length != 0)
        {
            // タマとヒシガタの位置が同じだった場合
            if (tamas[0].transform.position == hisis[0].transform.position)
            {
                // タマとヒシガタを削除
                Destroy(tamas[0]);
                Destroy(hisis[0]);
            }
        }

        // 重なったオブジェクトを取得
        GameObject obj = GetObject(transform.position);
        // トゲと重なったら自分とトゲを削除
        if (obj != null && obj.tag == "Toge")
        {
            Destroy(gameObject);
            Destroy(obj);
        }
    }

    // 指定位置にあるオブジェクトを取得
    GameObject GetObject(Vector3 pos)
    {
        // 小数点誤差を補正
        float posX = Mathf.Floor(pos.x + 0.5f);
        float posZ = Mathf.Floor(pos.z + 0.5f);
        // 処理対象とするタグの一覧を作成
        string[] tags = new string[] { "Toge", "Block", "Jump" };
        // タグを１つ１つ処理
        for (int i = 0; i < tags.Length; i++)
        {
            // 指定タグのオブジェクト一覧を取得
            GameObject[] objs = GameObject.FindGameObjectsWithTag(tags[i]);
            // オブジェクトを１つ１つ処理
            for (int j = 0; j < objs.Length; j++)
            {
                // 指定位置に存在するオブジェクトを返す
                Vector3 objPos = objs[j].transform.position;
                if (objPos.x == posX && objPos.z == posZ) return objs[j];
            }
        }

        // 指定位置にオブジェクトが無いのでNULLを返す
        return null;
    }
}

●ゴール作成

タマと衝突するとクリアになる、「ゴール」を作成します。

▷ゴール作成

パーティクルシステムを作成して位置を(0, 0, 3)とし、その場に留まって揺らめくエフェクトとします。

ゴール作成

・パーティクルシステム作成

  1. ヒエラルキー左上の「＋」をクリック
  2. 「エフェクト＞パーティクルシステム」をクリック
  3. 「Goal」と入力し、ENTERキーを押す

・位置、回転、スケール設定

  1. インスペクターのTransformにある位置を(0, 0, 3)とする
  2. インスペクターのTransformにある回転を(-90, 0, 0)とする
  3. インスペクターのTransformにあるスケールを(1, 1, 1)とする

・メインモジュール設定

メインモジュールを以下のように設定します。

  1. インスペクターにあるParticle Systemの「メインモジュール＞継続時間」を(1)に設定
  2. インスペクターにあるParticle Systemの「メインモジュール＞開始時の生存期間」を(1)に設定
  3. インスペクターにあるParticle Systemの「メインモジュール＞開始時の速度」を(0)に設定
  4. インスペクターにあるParticle Systemの「メインモジュール＞開始時の色」右にあるカラーバーをクリックし、色ダイアログの16進数を(FFFF00)に設定
  5. 色ダイアログの右上にある「×」をクリック
  6. インスペクターにあるParticle Systemの「メインモジュール＞重力モディファイア」を(-0.1）に設定

・形状モジュール設定

形状モジュールを以下のように設定します。

  1. 形状モジュールの「形状」を(スフィア)に設定
  2. 形状モジュールの「半径」を(0.3)に設定
  3. 形状モジュールの「半径の厚さ」を(0)に設定

▷ゴール認識

タグ「Goal」を作成し、ゴールに割り当てます。

ゴール認識

・タグ作成

  1. ヒエラルキーの「Goal」をクリック
  2. インスペクター上部のタグドロップダウンをクリックし、「タグを追加…」をクリック
  3. インスペクター「Tag & Layers」にあるタグ欄右下の「＋」をクリック
  4. 「Goal」と入力してENTERを押す

・タグ割り当て

  1. ヒエラルキーの「Goal」をクリック
  2. インスペクター上部のタグドロップダウンをクリックし、「Goal」をクリック

▷ゴール制御

タマとゴールが衝突した時にタマとヒシガタの動きが止まるようにCharCtrlを修正します。

ゴール制御

・スクリプト編集開始

  1. プロジェクトの「Assets>CharCtrl」をダブルクリック

・スクリプト変数追加

  1. 「移動中かどうか」の変数の前に「プレイ中かどうか」の変数を作成
    bool playFlag = true;       // プレイ中かどうか

・スクリプト関数修正

  1. FixedUpdate関数の先頭に以下の処理を追加
        // プレイ中でない場合は即関数を終了
        if (playFlag == false) return;

・スクリプト関数修正

  1. FixedUpdate関数の最後に以下の処理を追加
        // 自分がタマで、かつゴールと重なった場合
        else if (tag == "Player" && obj != null && obj.tag == "Goal")
        {
            // タマのplayFlagをfalseに設定
            playFlag = false;
        }

・スクリプト関数修正

  1. GetObject関数内の「処理対象とするタグの一覧を作成」を以下のスクリプトのように修正
        // 処理対象とするタグの一覧を作成
        string[] tags = new string[] { "Toge", "Block", "Jump", "Goal" };

・スクリプト保存

  1. CTRLを押しながらSキーを押す

・Unityに戻ってスクリプトをビルド

  1. Unityエディタのタイトルをクリック

・プロジェクト保存

  1. CTRLを押しながらSキーを押す

▷動作確認

タマとゴールが衝突したらタマの動きが止まるかどうか、プレビューして確認します。

動作確認

・プレビュー開始

  1. エディタ上中央の「▶」をクリック

・動作確認

  1. タマとゴールが衝突したらタマの動きが止まることを確認

・プレビュー終了

  1. エディタ上中央の「▶」をクリック

▷スクリプト記述例

「タマとゴールが衝突したらタマの動きが止まる」スクリプトの記述例です。

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

public class CharCtrl : MonoBehaviour
{
    bool playFlag = true;       // プレイ中かどうか
    bool moveFlag = false;      // 移動中かどうか
    float moveFrame = 30;       // １歩に何フレームかけるか
    float frameCount = 0;       // 経過フレーム数

    // Start is called before the first frame update
    void Start()
    {
        
    }

    // Update is called once per frame
    void Update()
    {
        // マウスクリックされた場合
        if (Input.GetMouseButtonUp(0) == true)
        {
            // 現在の回転値を保存
            Quaternion rot = transform.rotation;
            // 上下左右のオブジェクトを取得
            transform.rotation = Quaternion.Euler(0, 0, 0);
            GameObject objU = GetObject(transform.position + transform.forward);
            GameObject objD = GetObject(transform.position - transform.forward);
            GameObject objL = GetObject(transform.position - transform.right);
            GameObject objR = GetObject(transform.position + transform.right);

            // 指定方向がジャンプ台かつ逆側がなにも無いかトゲの場合、オブジェクトをジャンプ台の逆側に向ける
            float dir = -1;
            if (objU != null && objU.tag == "Jump" && (objD == null || objD.tag == "Toge")) dir = 180;
            if (objD != null && objD.tag == "Jump" && (objU == null || objU.tag == "Toge")) dir = 0;
            if (objL != null && objL.tag == "Jump" && (objR == null || objR.tag == "Toge")) dir = 90;
            if (objR != null && objR.tag == "Jump" && (objL == null || objL.tag == "Toge")) dir = 270;
            if (dir != -1)
            {
                moveFlag = true;
                rot = Quaternion.Euler(0, dir, 0);
            }
            // 回転値を設定
            transform.rotation = rot;
        }
    }

    // 物理フレーム更新時に処理
    void FixedUpdate()
    {
        // プレイ中でない場合は即関数を終了
        if (playFlag == false) return;

        // タグ検索でタマとヒシガタの一覧を取得する
        GameObject[] tamas = GameObject.FindGameObjectsWithTag("Player");
        GameObject[] hisis = GameObject.FindGameObjectsWithTag("Enemy");

        // １歩分のフレームが経過するまで何もしない
        frameCount++;
        if (frameCount < moveFrame) return;

        // 経過フレーム数を0初期化する
        frameCount = 0;

        // 移動していない場合は終了
        if (moveFlag == false) return;

        // 移動先に壁かジャンプ台があったら移動終了
        GameObject moveObj = GetObject(transform.position + transform.forward);
        if (moveObj != null && (moveObj.tag == "Block" || moveObj.tag == "Jump"))
        {
            moveFlag = false;
            return;
        }

        // 向いている方向に１メートル進む
        transform.position += transform.forward;

        // ヒシガタとタマが衝突したら両方削除
        if (tamas.Length != 0 && hisis.Length != 0)
        {
            // タマとヒシガタの位置が同じだった場合
            if (tamas[0].transform.position == hisis[0].transform.position)
            {
                // タマとヒシガタを削除
                Destroy(tamas[0]);
                Destroy(hisis[0]);
            }
        }

        // 重なったオブジェクトを取得
        GameObject obj = GetObject(transform.position);
        // トゲと重なったら自分とトゲを削除
        if (obj != null && obj.tag == "Toge")
        {
            Destroy(gameObject);
            Destroy(obj);
        }
        // 自分がタマで、かつゴールと重なった場合
        else if (tag == "Player" && obj != null && obj.tag == "Goal")
        {
            // タマのplayFlagをfalseに設定
            playFlag = false;
        }
    }

    // 指定位置にあるオブジェクトを取得
    GameObject GetObject(Vector3 pos)
    {
        // 小数点誤差を補正
        float posX = Mathf.Floor(pos.x + 0.5f);
        float posZ = Mathf.Floor(pos.z + 0.5f);
        // 処理対象とするタグの一覧を作成
        string[] tags = new string[] { "Toge", "Block", "Jump", "Goal" };
        // タグを１つ１つ処理
        for (int i = 0; i < tags.Length; i++)
        {
            // 指定タグのオブジェクト一覧を取得
            GameObject[] objs = GameObject.FindGameObjectsWithTag(tags[i]);
            // オブジェクトを１つ１つ処理
            for (int j = 0; j < objs.Length; j++)
            {
                // 指定位置に存在するオブジェクトを返す
                Vector3 objPos = objs[j].transform.position;
                if (objPos.x == posX && objPos.z == posZ) return objs[j];
            }
        }

        // 指定位置にオブジェクトが無いのでNULLを返す
        return null;
    }
}

■ゲーム仕上げ

●ステージ作成

▷カメラ設定

ステージを見渡せるようカメラの姿勢を調整します。

カメラ設定

・位置、回転、スケール設定

  1. ヒエラルキーの「Main Camera」をクリック
  2. インスペクターのTransformにある位置を(4.5, 16, -2)とする
  3. インスペクターのTransformにある回転を(65, 0, 0)とする
  4. インスペクターのTransformにあるスケールを(1, 1, 1)とする

・アスペクト比設定

  1. ゲームビュー上メニュー左から３番目ドロップダウンをクリック
  2. 「9:16 Aspect」をクリック、無い場合は以降を操作
  3. 左下の「＋」をクリック
  4. ドロップダウン「タイプ」をクリックし、「アスペクト比」をクリック
  5. 幅＆高さの「X」に(9)、「Y」に(16)を入力
  6. 「OK」をクリック

▷プレハブ化

ステージに２つ以上配置するオブジェクトをプレハブ化し、量産化しやすくします。
対象はトゲ、壁、ジャンプ台の３つです。

プレハブ化

・プレハブ化

  1. ヒエラルキーの「Toge」をプロジェクトの「Assets」にドラッグ＆ドロップ
  2. ヒエラルキーの「Block」をプロジェクトの「Assets」にドラッグ＆ドロップ
  3. ヒエラルキーの「Jump」をプロジェクトの「Assets」にドラッグ＆ドロップ

▷単一オブジェクト配置

タマ、ヒシガタ、ゴールの位置を設定します。

単一オブジェクト配置

・位置設定

  1. ヒエラルキーの「Tama」をクリック
  2. インスペクターのTransformにある位置を(1, 0, 8)とする
  3. ヒエラルキーの「Hisi」をクリック
  4. インスペクターのTransformにある位置を(8, 0, 1)とする
  5. ヒエラルキーの「Goal」をクリック
  6. インスペクターのTransformにある位置を(7, 0, 4)とする

▷トゲ配置

トゲ配置用の空オブジェクトにトゲを格納し、複製しながら配置していきます。

トゲ配置

・空オブジェクト作成

  1. ヒエラルキー左上の「＋」をクリック
  2. 「空のオブジェクトを作成」をクリック
  3. 「Toges」と入力し、ENTERキーを押す

・位置スケールリセット

  1. インスペクターのTransformにある縦の三点リーダーをクリック
  2. リセットをクリック

・階層設定

  1. ヒエラルキーの「Toge」をヒエラルキーの「Toges」にドラッグ＆ドロップ

・位置設定

  1. インスペクターのTransformにある位置を(1, 0, 0)とする

・複製、位置設定

  1. ヒエラルキーの「Toges>Toge」をクリック
  2. CTRLを押しながらDキーを押す
  3. インスペクターのTransformにある位置を(9, 0, 1)とする
  4. ヒエラルキーの「Toges>Toge (1)」をクリック
  5. CTRLを押しながらDキーを押す
  6. インスペクターのTransformにある位置を(8, 0, 9)とする
  7. ヒエラルキーの「Toges>Toge (2)」をクリック
  8. CTRLを押しながらDキーを押す
  9. インスペクターのTransformにある位置を(0, 0, 8)とする
  10. ヒエラルキーの「Toges>Toge (3)」をクリック
  11. CTRLを押しながらDキーを押す
  12. インスペクターのTransformにある位置を(5, 0, 4)とする
  13. ヒエラルキーの「Toges>Toge (4)」をクリック
  14. CTRLを押しながらDキーを押す
  15. インスペクターのTransformにある位置を(6, 0, 2)とする
  16. ヒエラルキーの「Toges>Toge (5)」をクリック
  17. CTRLを押しながらDキーを押す
  18. インスペクターのTransformにある位置を(5, 0, 2)とする
  19. ヒエラルキーの「Toges>Toge (6)」をクリック
  20. CTRLを押しながらDキーを押す
  21. インスペクターのTransformにある位置を(4, 0, 2)とする

・階層を閉じる

  1. ヒエラルキーの「Toges」左にある「▼」をクリック

▷ジャンプ台配置

ジャンプ台配置用の空オブジェクトにジャンプ台を格納し、複製しながら配置していきます。

ジャンプ台配置

・空オブジェクト作成

  1. ヒエラルキー左上の「＋」をクリック
  2. 「空のオブジェクトを作成」をクリック
  3. 「Jumps」と入力し、ENTERキーを押す

・位置スケールリセット

  1. インスペクターのTransformにある縦の三点リーダーをクリック
  2. リセットをクリック

・階層設定

  1. ヒエラルキーの「Jump」をヒエラルキーの「Jumps」にドラッグ＆ドロップ

・位置設定

  1. インスペクターのTransformにある位置を(1, 0, 9)とする

・複製、位置設定

  1. ヒエラルキーの「Jumps>Jump」をクリック
  2. CTRLを押しながらDキーを押す
  3. インスペクターのTransformにある位置を(0, 0, 1)とする
  4. ヒエラルキーの「Jumps>Jump (1)」をクリック
  5. CTRLを押しながらDキーを押す
  6. インスペクターのTransformにある位置を(8, 0, 0)とする
  7. ヒエラルキーの「Jumps>Jump (2)」をクリック
  8. CTRLを押しながらDキーを押す
  9. インスペクターのTransformにある位置を(9, 0, 8)とする
  10. ヒエラルキーの「Jumps>Jump (3)」をクリック
  11. CTRLを押しながらDキーを押す
  12. インスペクターのTransformにある位置を(6, 0, 9)とする
  13. ヒエラルキーの「Jumps>Jump (4)」をクリック
  14. CTRLを押しながらDキーを押す
  15. インスペクターのTransformにある位置を(5, 0, 9)とする
  16. ヒエラルキーの「Jumps>Jump (5)」をクリック
  17. CTRLを押しながらDキーを押す
  18. インスペクターのTransformにある位置を(4, 0, 9)とする
  19. ヒエラルキーの「Jumps>Jump (6)」をクリック
  20. CTRLを押しながらDキーを押す
  21. インスペクターのTransformにある位置を(3, 0, 4)とする

・階層を閉じる

  1. ヒエラルキーの「Jumps」左にある「▼」をクリック

▷壁配置

壁配置用の空オブジェクトに壁を格納し、複製しながら配置していきます。

壁配置

・空オブジェクト作成

  1. ヒエラルキー左上の「＋」をクリック
  2. 「空のオブジェクトを作成」をクリック
  3. 「Blocks」と入力し、ENTERキーを押す

・位置スケールリセット

  1. インスペクターのTransformにある縦の三点リーダーをクリック
  2. リセットをクリック

・階層設定

  1. ヒエラルキーの「Block」をヒエラルキーの「Blocks」にドラッグ＆ドロップ

・位置設定

  1. インスペクターのTransformにある位置を(0, 0, 9)とする

・複製、位置設定

  1. ヒエラルキーの「Blocks>Block」をクリック
  2. CTRLを押しながらDキーを押す
  3. インスペクターのTransformにある位置を(0, 0, 7)とする
  4. ヒエラルキーの「Blocks>Block (1)」をクリック
  5. CTRLを押しながらDキーを押す
  6. インスペクターのTransformにある位置を(0, 0, 6)とする
  7. ヒエラルキーの「Blocks>Block (2)」をクリック
  8. CTRLを押しながらDキーを押す
  9. インスペクターのTransformにある位置を(0, 0, 5)とする
  10. ヒエラルキーの「Blocks>Block (3)」をクリック
  11. CTRLを押しながらDキーを押す
  12. インスペクターのTransformにある位置を(0, 0, 4)とする
  13. ヒエラルキーの「Blocks>Block (4)」をクリック
  14. CTRLを押しながらDキーを押す
  15. インスペクターのTransformにある位置を(0, 0, 3)とする
  16. ヒエラルキーの「Blocks>Block (5)」をクリック
  17. CTRLを押しながらDキーを押す
  18. インスペクターのTransformにある位置を(0, 0, 2)とする
  19. ヒエラルキーの「Blocks>Block (6)」をクリック
  20. CTRLを押しながらDキーを押す
  21. インスペクターのTransformにある位置を(0, 0, 0)とする
  1. ヒエラルキーの「Blocks>Block (7)」をクリック
  2. CTRLを押しながらDキーを押す
  3. インスペクターのTransformにある位置を(2, 0, 0)とする
  4. ヒエラルキーの「Blocks>Block (8)」をクリック
  5. CTRLを押しながらDキーを押す
  6. インスペクターのTransformにある位置を(3, 0, 0)とする
  7. ヒエラルキーの「Blocks>Block (9)」をクリック
  8. CTRLを押しながらDキーを押す
  9. インスペクターのTransformにある位置を(4, 0, 0)とする
  10. ヒエラルキーの「Blocks>Block (10)」をクリック
  11. CTRLを押しながらDキーを押す
  12. インスペクターのTransformにある位置を(5, 0, 0)とする
  13. ヒエラルキーの「Blocks>Block (11)」をクリック
  14. CTRLを押しながらDキーを押す
  15. インスペクターのTransformにある位置を(6, 0, 0)とする
  16. ヒエラルキーの「Blocks>Block (12)」をクリック
  17. CTRLを押しながらDキーを押す
  18. インスペクターのTransformにある位置を(7, 0, 0)とする
  19. ヒエラルキーの「Blocks>Block (13)」をクリック
  20. CTRLを押しながらDキーを押す
  21. インスペクターのTransformにある位置を(9, 0, 0)とする
  1. ヒエラルキーの「Blocks>Block (14)」をクリック
  2. CTRLを押しながらDキーを押す
  3. インスペクターのTransformにある位置を(9, 0, 2)とする
  4. ヒエラルキーの「Blocks>Block (15)」をクリック
  5. CTRLを押しながらDキーを押す
  6. インスペクターのTransformにある位置を(9, 0, 3)とする
  7. ヒエラルキーの「Blocks>Block (16)」をクリック
  8. CTRLを押しながらDキーを押す
  9. インスペクターのTransformにある位置を(9, 0, 4)とする
  10. ヒエラルキーの「Blocks>Block (17)」をクリック
  11. CTRLを押しながらDキーを押す
  12. インスペクターのTransformにある位置を(9, 0, 5)とする
  13. ヒエラルキーの「Blocks>Block (18)」をクリック
  14. CTRLを押しながらDキーを押す
  15. インスペクターのTransformにある位置を(9, 0, 6)とする
  16. ヒエラルキーの「Blocks>Block (19)」をクリック
  17. CTRLを押しながらDキーを押す
  18. インスペクターのTransformにある位置を(9, 0, 7)とする
  19. ヒエラルキーの「Blocks>Block (20)」をクリック
  20. CTRLを押しながらDキーを押す
  21. インスペクターのTransformにある位置を(9, 0, 9)とする
  1. ヒエラルキーの「Blocks>Block (21)」をクリック
  2. CTRLを押しながらDキーを押す
  3. インスペクターのTransformにある位置を(7, 0, 9)とする
  4. ヒエラルキーの「Blocks>Block (22)」をクリック
  5. CTRLを押しながらDキーを押す
  6. インスペクターのTransformにある位置を(3, 0, 9)とする
  7. ヒエラルキーの「Blocks>Block (23)」をクリック
  8. CTRLを押しながらDキーを押す
  9. インスペクターのTransformにある位置を(2, 0, 9)とする

・階層を閉じる

  1. ヒエラルキーの「Blocks」左にある「▼」をクリック

・プロジェクト保存

  1. CTRLを押しながらSキーを押す

●ミスUI作成

▷ミスUI作成

タマがトゲ、もしくはヒシガタに衝突した時に「Miss!」というテキストを表示します。

ミスUI作成（画像はオブジェクト無効化前）

・テキスト作成

  1. ヒエラルキー左上の「＋」をクリック
  2. 「UI＞テキスト – TextMeshPro」をクリック
  3. 「TextMiss」と入力し、ENTERキーを押す

・TextMeshPro準備

  1. TMP Importerの「Import TMP Essentials」をクリック
  2. TMP Importerの右上にある「×」をクリック

・UI位置設定

  1. インスペクターのRectTransform左上にあるアイコンをクリック
  2. アンカープリセットの右下にある「Stretch – Stretch」をダブルクリック
  3. インスペクターのRectTransform右上にある上下左右を全て「0」に設定

・表示文字設定

  1. インスペクターのTextMeshProにある「Text Input>テキスト入力」を「Miss!」に設定

・文字装飾

  1. インスペクターのTextMeshProにある「Main Settings>Font Style」にある「B」をクリック
  2. インスペクターのTextMeshProにある「Main Settings>Audo Size」のチェックボックスをクリック
  3. インスペクターのTextMeshProにある「Main Settings>Vertex Color」右のカラーバーをクリックし、色ダイアログの16進数を「FF0000」に設定
  4. 色ダイアログの右上にある「×」をクリック
  5. インスペクターの「Shader>Outline」左にあるチェックボックスをクリック
  6. インスペクターの「Shader>Outline」にある「Thickness」を「0.2」に設定

・オブジェクト無効化

  1. インスペクター上部の左上にあるチェックボックスをクリック

▷ミス制御

タマがトゲ、もしくはヒシガタとぶつかった時にミステキストを表示するようにCharCtrlを修正します。

ミス制御

・スクリプト編集開始

  1. プロジェクトの「Assets>CharCtrl」をダブルクリック

・スクリプト変数定義

  1. クラス定義内の先頭に以下の変数を追加
    public GameObject TextMiss;         // ミスUI

・スクリプト関数修正

  1. 「タマとヒシガタの位置が同じだった場合」の条件内にある「タマとヒシガタを削除」前に「ミスUIを有効化」する以下の処理を追加
                // ミスUIを有効化
                TextMiss.SetActive(true);

・スクリプト関数修正

  1. 「トゲと重なったら自分とトゲを削除」の条件内の先頭に「自分がタマだった場合、ミスUIを有効化」する処理を追加
            // 自分がタマだった場合、ミスUIを有効化
            if (tag == "Player")
            {
                TextMiss.SetActive(true);
            }

・スクリプト保存

  1. CTRLを押しながらSキーを押す

・Unityに戻ってスクリプトをビルド

  1. Unityエディタのタイトルをクリック

・オブジェクト割り当て

  1. ヒエラルキーの「Tama」をクリック
  2. ヒエラルキーの「Canvas>TextMiss」をインスペクターの「Char Ctrl (スクリプト)>Text Miss」右の参照ボックスにドラッグ＆ドロップ

・プロジェクト保存

  1. CTRLを押しながらSキーを押す

▷動作確認

ミスした時にミステキストが表示されるかどうか、プレビューして確認します。

動作確認

・プレビュー開始

  1. エディタ上中央の「▶」をクリック

・動作確認

  1. ミスした時にミステキストが表示されるかどうか確認

・プレビュー終了

  1. エディタ上中央の「▶」をクリック

●クリアUI作成

▷クリアUI作成

タマがゴールに衝突した時に「Clear!」というテキストを表示します。

クリアUI作成（画像はオブジェクト無効化前）

・オブジェクト複製

  1. ヒエラルキーの「Canvas>TextMiss」をクリック
  2. CTRLを押しながらDキーを押す

・オブジェクト名変更

  1. F2キーを押して「TextClear」と入力し、ENTERを押す

・オブジェクト有効化

  1. インスペクター上部の左上にあるチェックボックスをクリック

・表示文字設定

  1. インスペクターのTextMeshProにある「Text Input>テキスト入力」を「Clear!」に設定

・文字装飾

  1. インスペクターのTextMeshProにある「Main Settings>Vertex Color」右のカラーバーをクリックし、色ダイアログの16進数を「00FFFF」に設定
  2. 色ダイアログの右上にある「×」をクリック

・オブジェクト無効化

  1. インスペクター上部の左上にあるチェックボックスをクリック

▷クリア制御

タマがゴールと衝突した時にクリアテキストを表示するようにCharCtrlを修正します。

クリア制御

・スクリプト編集開始

  1. プロジェクトの「Assets>CharCtrl」をダブルクリック

・スクリプト変数定義

  1. ミスUIの定義の後に以下の変数を追加
    public GameObject TextClear;        // クリアUI

・スクリプト関数修正

  1. 「自分がタマで、かつゴールと重なった場合」の条件内処理の先頭に以下のスクリプトを追加
            // クリアUIを有効化
            TextClear.SetActive(true);

・スクリプト保存

  1. CTRLを押しながらSキーを押す

・Unityに戻ってスクリプトをビルド

  1. Unityエディタのタイトルをクリック

・オブジェクト割り当て

  1. ヒエラルキーの「Tama」をクリック
  2. ヒエラルキーの「Canvas>TextClear」をインスペクターの「Char Ctrl (スクリプト)>Text Clear」右の参照ボックスにドラッグ＆ドロップ

・プロジェクト保存

  1. CTRLを押しながらSキーを押す

▷動作確認

タマがゴールに衝突した時にクリアテキストが表示されるかどうか、プレビューして確認します。

動作確認

・プレビュー開始

  1. エディタ上中央の「▶」をクリック

・動作確認

  1. タマがゴールに衝突した時にクリアテキストが表示されるかどうか確認

・プレビュー終了

  1. エディタ上中央の「▶」をクリック

完成！

コメント

タイトルとURLをコピーしました