【基本操作】ブロック崩し～完全手順【アクション】

ゲーム完成までの「操作概要と操作手順」を単純に羅列しただけの記事です。
Unity3Dの基本操作を頭と体で身に付けられます。

操作概要をクリックして展開すると操作手順が表示されます。
最初は手順を見ながら操作し、慣れてきたら操作概要だけ見て思いだしながらで作ってみる。

操作概要だけで作れるようになれば、次の学習ハードルが下がってくると思います。

対象：初心者、Unityに初めて触る方
使用バージョン：Unity 2021.3
時間：1時間

■オブジェクト構築

●オブジェクト作成

▷球作成

銀メタリックの球を作成し、(0, 0, 0)に配置、スケールを(1, 1, 1)とします。

1. ヒエラルキー左上の「＋」をクリックし、「3Dオブジェクト＞スフィア」をクリック
2. 「Ball」と入力し、ENTERキーを押す
3. インスペクターの「Transform＞縦の三点リーダー」をクリックし、リセットをクリック
4. プロジェクト左上の「＋」をクリックし、「マテリアル」をクリック
5. 「matBall」と入力し、ENTERキーを押す
6. インスペクターの「メタリック」を「1」に設定
7. インスペクターの「アルベド＞カラーバー」をクリックし、色の16進数を「C9CACA」に設定
8. プロジェクトの「matBall」をヒエラルキーの「Ball」にドラッグ＆ドロップ
9. CTRLキーを押しながらSキーを押す

▷バー作成

青色の箱を作成し、(0, -4, 0)に配置、スケールを(4, 0.5, 1)とします。

1. ヒエラルキー左上の「＋」をクリックし、「3Dオブジェクト＞キューブ」をクリック
2. 「Bar」と入力し、ENTERキーを押す
3. インスペクターの「Transform＞縦の三点リーダー」をクリックし、リセットをクリック
4. インスペクターの「Transform＞位置」を(0, -4, 0)に設定
5. インスペクターの「Transform＞スケール」を(4, 0.5, 1)に設定
6. プロジェクト左上の「＋」をクリックし、「マテリアル」をクリック
7. 「matBar」と入力し、ENTERキーを押す
8. インスペクターの「アルベド＞カラーバー」をクリックし、色の16進数を「0000FF」に設定
9. プロジェクトの「matBar」をヒエラルキーの「Bar」にドラッグ＆ドロップ
10. CTRLキーを押しながらSキーを押す

▷上壁作成

茶色の箱を作成し、(0, 25, 0)に配置、スケールを(21, 1, 1)とする

1. ヒエラルキー左上の「＋」をクリックし、「3Dオブジェクト＞キューブ」をクリック
2. 「WallTop」と入力し、ENTERキーを押す
3. インスペクターの「Transform＞縦の三点リーダー」をクリックし、リセットをクリック
4. インスペクターの「Transform＞位置」を(0, 25, 0)に設定
5. インスペクターの「Transform＞スケール」を(21, 1, 1)に設定
6. プロジェクト左上の「＋」をクリックし、「マテリアル」をクリック
7. 「matWall」と入力し、ENTERキーを押す
8. インスペクターの「アルベド＞カラーバー」をクリックし、色の16進数を「800000」に設定
9. プロジェクトの「matWall」をヒエラルキーの「WallTop」にドラッグ＆ドロップ
10. CTRLキーを押しながらSキーを押す

▷シーン確認

シーンカメラを動かし、作成したオブジェクトを確認する

1. シーン上でマウスホイールを手前に回転する
2. シーン上でマウス右ボタンを押したまま、マウスを上下左右に動かす
3. シーン上でマウス中央ボタンを押したまま、マウスを上下左右に動かす
4. シーンの何もない場所をクリックし、上下左右キーを押す
5. 以上を繰り返し、シーンに配置したオブジェクトを確認する

▷左壁作成

茶色の箱を作成し、(-10, 9, 0)に配置、スケールを(1, 31, 1)とする

1. ヒエラルキー左上の「＋」をクリックし、「3Dオブジェクト＞キューブ」をクリック
2. 「WallLeft」と入力し、ENTERキーを押す
3. インスペクターの「Transform＞縦の三点リーダー」をクリックし、リセットをクリック
4. インスペクターの「Transform＞位置」を(-10, 9, 0)に設定
5. インスペクターの「Transform＞スケール」を(1, 31, 1)に設定
6. プロジェクトの「matWall」をヒエラルキーの「WallLeft」にドラッグ＆ドロップ
7. CTRLキーを押しながらSキーを押す

▷右壁作成

茶色の箱を作成し、(10, 9, 0)に配置、スケールを(1, 31, 1)とする

1. ヒエラルキーの「WallLeft」をクリックし、CTRLを押しながらDキーを押す
2. F2キーを押して「WallRight」と入力し、ENTERキーを押す
3. インスペクターの「Transform＞位置＞X」を(10)に設定
4. CTRLキーを押しながらSキーを押す

▷破壊ゾーン作成

赤色の箱を作成し、(0, -7, 0)に配置、スケールを(21, 1, 1)とする

1. ヒエラルキー左上の「＋」をクリックし、「3Dオブジェクト＞キューブ」をクリック
2. 「Crash」と入力し、ENTERキーを押す
3. インスペクターの「Transform＞縦の三点リーダー」をクリックし、リセットをクリック
4. インスペクターの「Transform＞位置」を(0, -7, 0)に設定
5. インスペクターの「Transform＞スケール」を(21, 1, 1)に設定
6. プロジェクト左上の「＋」をクリックし、「マテリアル」をクリック
7. 「matCrash」と入力し、ENTERキーを押す
8. インスペクターの「アルベド＞カラーバー」をクリックし、色の16進数を「FF0000」に設定
9. プロジェクトの「matCrash」をヒエラルキーの「Crash」にドラッグ＆ドロップ
10. CTRLキーを押しながらSキーを押す

▷ブロック作成

緑色の箱を作成し、スケールを(3, 1, 1)にしてプレハブ化する

1. ヒエラルキー左上の「＋」をクリックし、「3Dオブジェクト＞キューブ」をクリック
2. 「Block」と入力し、ENTERキーを押す
3. インスペクターの「Transform＞縦の三点リーダー」をクリックし、リセットをクリック
4. インスペクターの「Transform＞スケール」を(3, 1, 1)に設定
5. プロジェクト左上の「＋」をクリックし、「マテリアル」をクリック
6. 「matBlock」と入力し、ENTERキーを押す
7. インスペクターの「アルベド＞カラーバー」をクリックし、色の16進数を「00FF00」に設定
8. プロジェクトの「matBlock」をヒエラルキーの「Block」にドラッグ＆ドロップ
9. ヒエラルキーの「Block」をプロジェクトのAssetsにドラッグ＆ドロップ
10. CTRLキーを押しながらSキーを押す

●オブジェクト配置

▷ブロック配置

ブロックを3×3で並べる、左上を(-5, 21, 0)、X間隔は(5)、Y間隔は(2)で3×3で並べる

1. ヒエラルキーの「Block」をクリック
2. インスペクターの「Transform＞位置」を(-5, 21, 0)に設定
3. ヒエラルキーの「Block」をクリック
4. CTRLを押しながらDキーを２回押す
5. ヒエラルキーの「Block (1)」をクリック
6. インスペクターの「Transform＞位置＞X」を(0)に設定
7. ヒエラルキーの「Block (2)」をクリック
8. インスペクターのTransformにある位置Xを(5)に設定
9. ヒエラルキーの「Block」をクリック
10. SHIFTを押しながら下キーを２回押す
11. CTRLを押しながらDキーを押す
12. インスペクターの「Transform＞位置＞Y」を(19)に設定
13. ヒエラルキーの「Block (3)」をクリック
14. SHIFTを押しながら下キーを２回押す
15. CTRLを押しながらDキーを押す
16. インスペクターのTransformにある位置Yを(17)に設定
17. CTRLキーを押しながらSキーを押す

▷カメラ調整

カメラの位置を(0, 10, -30)とする

1. ヒエラルキーの「Main Camera」をクリック
2. インスペクターの「Transform＞位置」を(0, 10 -30)に設定
3. CTRLキーを押しながらSキーを押す
4. ゲームビューの「FreeAspect」をクリック
5. 「9:16 Aspect」をクリック、無い場合は以降を操作
6. 左下の「＋」をクリック
7. ドロップダウン「タイプ」をクリックし、「アスペクト比」をクリック
8. 幅＆高さの「X」に(9)、「Y」に(16)を入力
9. 「OK」をクリック

●オブジェクト整理

▷壁整理

空オブジェクトを作成し、「天井、左壁、右壁、破壊ゾーン」を格納します。

1. ヒエラルキー左上「＋」をクリックし、「空のオブジェクトを作成」をクリック
2. 「Walls」と入力し、ENTERキーを押す
3. ヒエラルキーの「WallTop」をクリック
4. SHIFTキーを押したまま、ヒエラルキーの「Crash」をクリック
5. ヒエラルキーの選択ゲームオブジェクトを「Walls」にドラッグ＆ドロップ
6. CTRLキーを押しながらSキーを押す

▷ブロック整理

空オブジェクトを作成し、ブロック群を格納します。

1. ヒエラルキー左上「＋」をクリックし、「空のオブジェクトを作成」をクリック
2. 「Blocks」と入力し、ENTERキーを押す
3. ヒエラルキーの「Block」をクリック
4. SHIFTキーを押したまま、ヒエラルキーの「９個目のBlock」をクリック
5. ヒエラルキーの選択ゲームオブジェクトを「Blocks」にドラッグ＆ドロップ
6. ヒエラルキーの「Blocks」左にある三角形をクリック
7. CTRLキーを押しながらSキーを押す

▷プロジェクト整理

マテリアル用、プレハブ用の格納フォルダを作成して移動します。

1. プロジェクト左上の「＋」をクリックし、「フォルダー」をクリック
2. 「Materials」と入力し、ENTERキーを押す
3. プロジェクトの「matBall」をクリック
4. CTRLを押したまま「matBar」をクリック
5. CTRLを押したまま「matBlock」をクリック
6. CTRLを押したまま「matCrash」をクリック
7. CTRLを押したまま「matWall」をクリック
8. プロジェクトで選択中のアセットを「Materials」にドラッグ＆ドロップ
9. プロジェクトの「Assets」を右クリックし、「作成>フォルダー」をクリック
10. 「Prefabs」と入力し、ENTERキーを押す
11. プロジェクトの「Block」を「Prefabs」にドラッグ＆ドロップ

■オブジェクト機能

●プレイヤー制御

▷スクリプト整理

スクリプト格納用のフォルダを作成します。

1. プロジェクトの「Assets」を右クリックし、「作成＞フォルダー」をクリック
2. 「Scripts」と入力し、ENTERキーを押す

▷バー制御

スクリプト「Player」を作成し、バーに割り当てます。

1. プロジェクトの「Assets＞Scripts」を右クリックし、「作成＞C# スクリプト」をクリック
2. 「Player」と入力し、ENTERキーを押す
3. プロジェクトの「Player」をヒエラルキーの「Bar」にドラッグ＆ドロップ
4. CTRLキーを押しながらSキーを押す

▷スクリプト記述

プロジェクトの「Assets＞Scripts＞Player」をダブルクリックし、スクリプトを以下のように記述します。

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

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

    // Update is called once per frame
    void Update()
    {
        float axisH = Input.GetAxis("Horizontal");
        float moveX = axisH * 30 * Time.deltaTime;
        Vector3 newPos = transform.position + new Vector3(moveX, 0, 0);

        newPos.x = Mathf.Clamp(newPos.x, -7.5f, 7.5f);

        transform.position = newPos;
    }
}

▷バー制御確認

左右キーでバーが壁まで移動することを確認します。

1. エディタ上中央の「▶」をクリック
2. 左右キーでバーが壁まで移動することを確認
3. エディタ上中央の「▶」をクリック

●オブジェクト制御

▷玉物理制御

玉に重力未使用のRigidbodyを割り当てます。

1. ヒエラルキーの「Ball」をクリック
2. インスペクターの「コンポーネントを追加」をクリックし、「Physics＞Rigidbody」をクリック
3. インスペクターの「Rigidbody＞重力を使用」のチェックを外す
4. CTRLキーを押しながらSキーを押す

▷玉反射

玉に物理マテリアルを割り当てて反射させます。
物理マテリアルは「動摩擦:0、静止摩擦:0、弾性力:1」、
衝突時の摩擦処理モードを(最小)、衝突時の弾性処理モードを(最大数)とします。

1. プロジェクトの「Assets＞Materials」をクリック
2. プロジェクト左上の「＋」をクリックし、「物理マテリアル」をクリック
3. 「Reflection」と入力し、ENTERキーを押す
4. インスペクターを設定
5. ・動摩擦(0)
6. ・静止摩擦(0)
7. ・弾性力(1)
8. ・衝突時の摩擦処理モード(最小)
9. ・衝突時の弾性処理モード(最大数)
10. プロジェクトの「Reflection」をヒエラルキーの「Ball」にドラッグ＆ドロップ
11. CTRLキーを押しながらSキーを押す

▷玉移動方向

玉の回転Zを(45)に設定します。

1. ヒエラルキーの「Ball」をクリック
2. インスペクターの「Transform＞回転」を(0, 0, 45)に設定
3. CTRLキーを押しながらSキーを押す

▷玉制御

スクリプト「Ball」を作成し、玉に割り当てます。

1. プロジェクトの「Assets＞Scripts」を右クリックし、「作成＞C# スクリプト」をクリック
2. 「Ball」と入力し、ENTERキーを押す
3. プロジェクトの「Assets>Scripts>Ball」をヒエラルキーの「Ball」にドラッグ＆ドロップ
4. CTRLキーを押しながらSキーを押す

▷スクリプト記述

プロジェクトの「Assets＞Scripts＞Ball」をダブルクリックし、スクリプトを以下のように記述します。

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

public class Ball : MonoBehaviour
{
    // Start is called before the first frame update
    void Start()
    {
        Rigidbody rb = GetComponent<Rigidbody>();
        rb.AddForce(transform.right * 20, ForceMode.Impulse);
    }

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

▷玉制御確認

玉が右上に向かって発射され、オブジェクト衝突時に反射することを確認します。

1. エディタ上中央の「▶」をクリック
2. 玉が右上に向かって発射され、オブジェクト衝突時に反射することを確認
3. エディタ上中央の「▶」をクリック

▷玉認識

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

1. ヒエラルキーの「Ball」をクリック
2. インスペクターのドロップダウン「タグ」をクリックし、「タグを追加…」をクリック
3. インスペクターのタグ右下の「＋」をクリック
4. 「Ball」と入力し、ENTERキーを押す
5. ヒエラルキーの「Ball」をクリック
6. インスペクターのドロップダウン「タグ」をクリックし、「Ball」をクリック
7. CTRLキーを押しながらSキーを押す

▷ブロック制御

スクリプト「Block」を作成し、ブロックに割り当てます。

1. プロジェクトの「Assets＞Scripts」を右クリックし、「作成＞C# スクリプト」をクリック
2. 「Block」と入力し、ENTERキーを押す
3. ヒエラルキーの「Blocks＞Block」右にある「＞」をクリック
4. プロジェクトの「Block」をヒエラルキーの「Block」にドラッグ＆ドロップ
5. ヒエラルキー左上の「＜」をクリック
6. CTRLキーを押しながらSキーを押す

▷スクリプト記述

プロジェクトの「Assets＞Scripts＞Block」をダブルクリックし、スクリプトを以下のように記述します。

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

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

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

    void OnCollisionEnter(Collision collision)
    {
        if (collision.gameObject.CompareTag("Ball"))
        {
            Destroy(gameObject);
        }
    }
}

▷ブロック制御確認

玉がブロックに衝突したらブロックが消える事を確認します。

1. エディタ上中央の「▶」をクリック
2. ブロックに玉を衝突させる
3. ブロックが消える事を確認
4. エディタ上中央の「▶」をクリック

●ゲーム制御

▷ゲームオーバーUI作成

ゲームオーバー用のUIテキストを非アクティブで配置します。

1. ヒエラルキー左上の「＋」をクリックし、「UI＞テキスト – TextMeshPro」をクリック
2. TMP Importerの「Import TMP Essentials」をクリック
3. TMP Importerを閉じる
4. ヒエラルキーの「Text (TMP)」をクリック
5. F2キーを押して「TextGameOver」と入力し、ENTERキーを押す
6. インスペクターを以下のように設定
7. ・RectTransform左上のアイコンをクリックし、「stretch – stretch」をクリック
8. ・RectTransformの「左上右下」を(0, 0, 0, 0)に設定
9. ・出力内容を「GameOver」に設定
10. ・Font Styleの「B」をオンにする
11. ・Auto Sizeにチェックを入れる
12. ・VertexColorにあるカラーバーをクリックし、色の16進数を「FF00FF」に設定
13. ・Alignmentの「Center、Middle」をオンにする
14. ・Outlineにチェックを入れる
15. ・OutlineのColorにあるカラーバーをクリックし、Rを(255)、Gを(0)、Bを(0)に設定
16. ・OutlineのThicknessを(0.2)に設定
17. インスペクター左上のチェックを外す
18. CTRLキーを押しながらSキーを押す

▷ゲームオーバー制御

スクリプト「Crash」を作成し、破壊ゾーンに割り当てます。

1. プロジェクトの「Assets＞Scripts」を右クリックし、「作成＞C# スクリプト」をクリック
2. 「Crash」と入力し、ENTERキーを押す
3. プロジェクトの「Crash」をヒエラルキーの「Walls＞Crash」にドラッグ＆ドロップ
4. CTRLキーを押しながらSキーを押す

▷スクリプト記述

プロジェクトの「Assets＞Scripts＞Crash」をダブルクリックし、スクリプトを以下のように記述します。

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

public class Crash : MonoBehaviour
{
    public GameObject uiGameOver;

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

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

    void OnCollisionEnter(Collision collision)
    {
        if (collision.gameObject.CompareTag("Ball"))
        {
            Destroy(collision.gameObject);
            uiGameOver.SetActive(true);
        }
    }
}

▷ゲームオーバーUI割り当て

ゲームオーバー用UIテキストをCrashの参照に割り当てます。

1. ヒエラルキーの「Walls＞Crash」をクリック
2. ヒエラルキーの「Canvas＞TextGameOver」をインスペクターの「Ui Game Over」にドラッグ＆ドロップ
3. CTRLキーを押しながらSキーを押す

▷ゲームオーバー確認

玉の破壊ゾーン衝突で、玉が消えてゲームオーバーが表示される事を確認します。

1. エディタ上中央の「▶」をクリック
2. 破壊ゾーンに玉を衝突させる
3. 玉が消え、ゲームオーバーが表示される事を確認
4. エディタ上中央の「▶」をクリック

▷クリアUI作成

クリア用のUIテキストを非アクティブで配置します。

1. ヒエラルキー左上の「＋」をクリックし、「UI＞テキスト – TextMeshPro」をクリック
2. 「TextClear」と入力し、ENTERキーを押す
3. インスペクターを以下のように設定
4. ・RectTransform左上のアイコンをクリックし、「stretch – stretch」をクリック
5. ・RectTransformの「左上右下」を(0, 0, 0, 0)に設定
6. ・出力内容を「Clear」に設定
7. ・Font Styleの「B」をオンにする
8. ・Auto Sizeにチェックを入れる
9. ・Vertex Colorのカラーバーをクリックし、色の16進数を「FFFF00」に設定
10. ・Alignmentの「Center、Middle」をオンにする
11. インスペクター左上のチェックを外す
12. CTRLキーを押しながらSキーを押す

▷ブロック認識

タグ「Block」を作成し、ブロックに割り当てます。

1. プロジェクトの「Prefabs＞Block」をダブルクリック
2. ヒエラルキーの「Block」をクリック
3. インスペクターのドロップダウン「タグ」をクリックし、「タグを追加…」をクリック
4. インスペクターのタグ右下の「＋」をクリック
5. 「Block」と入力し、ENTERキーを押す
6. ヒエラルキーの「Block」をクリック
7. インスペクターのドロップダウン「タグ」をクリックし、「Block」をクリック
8. ヒエラルキー左上の「＜」をクリック
9. CTRLキーを押しながらSキーを押す

▷スクリプト記述

プロジェクトの「Assets＞Scripts＞Crash」をダブルクリックし、スクリプトを以下のように記述します。

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

public class Crash : MonoBehaviour
{
    public GameObject uiGameOver;
    public GameObject uiClear;

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

    // Update is called once per frame
    void Update()
    {
        GameObject[] blocks = GameObject.FindGameObjectsWithTag("Block");
        if (blocks.Length == 0)
        {
            Destroy(GameObject.FindGameObjectWithTag("Ball"));
            uiClear.SetActive(true);
        }
    }

    void OnCollisionEnter(Collision collision)
    {
        if (collision.gameObject.CompareTag("Ball"))
        {
            Destroy(collision.gameObject);
            uiGameOver.SetActive(true);
        }
    }
}

▷クリアUI割り当て

クリア用UIテキストをCrashの参照に割り当てます。

1. ヒエラルキーの「Walls＞Crash」をクリック
2. ヒエラルキーの「Canvas＞TextClear」をインスペクターの「Ui Clear」にドラッグ＆ドロップ
3. CTRLキーを押しながらSキーを押す

▷クリア確認

全てのブロックを壊したら玉が消えてクリアが表示される事を確認します。

1. エディタ上中央の「▶」をクリック
2. 全てのブロックを壊す
3. 玉が消え、クリアが表示される事を確認
4. エディタ上中央の「▶」をクリック

完成！