Unity 6.3 LTS｜3D的当てゲームを作ろう

射撃場を作ろう

最初に、ゲームの舞台を作ります。床と壁、それから的を置くための台を用意しましょう。

Planeを床にして、Cubeで壁と台を作ります。台は3つ以上を目標にしてみましょう。置く場所や大きさは、自分で決めて大丈夫です。

Gameビューに切り替え、遊ぶ人からどう見えるか確かめましょう。Sceneビューではよく見えても、Gameビューでは見えない場所があるかもしれません。

的を置こう

射撃場にSphereを置いて、狙うための的を作ります。まずは台の近くにいくつか並べ、見え方を確かめましょう。

Sphereを1つ選び、InspectorのTransformを見てみましょう。Positionは場所、Scaleは大きさを変えるところです。数字を少し変えて、的がどう動くか試します。

的に色をつけよう

色を変えると、どの的を狙うか分かりやすくなります。Material（マテリアル）は、3Dオブジェクトの見た目を決める設定です。

作ったMaterialを選び、InspectorのBase Mapにある色を変えてみましょう。そのMaterialをSphereに割り当て、Gameビューで見え方を確かめます。

マウスの動きを読み取ろう

FPS風の視点を作る前に、マウスの動きがゲームに届いているか試します。まずは動かした量をConsoleに表示しましょう。

MouseCheck.csを作り、次のコードを書いてMain Cameraに付けます。

using UnityEngine;
using UnityEngine.InputSystem;

public class MouseCheck : MonoBehaviour
{
    void Update()
    {
        if (Mouse.current == null) return;

        Vector2 move = Mouse.current.delta.ReadValue();
        if (move != Vector2.zero)
        {
            Debug.Log(move);
        }
    }
}

このコードはマウスが動いた量を読み取り、動きがあったときだけConsoleに数値を出します。

再生してGameビューでマウスを動かし、Consoleを見てください。数値が出たら入力の確認は成功です。

マウスで視点を回そう

STEP 4ではマウスの動きを数値で見ました。今度は、その数値を使ってカメラの向きを変えてみましょう。

MouseLook.csを作り、次のコードを書いてMain Cameraに付けます。

using UnityEngine;
using UnityEngine.InputSystem;

public class MouseLook : MonoBehaviour
{
    public float sensitivity = 0.1f;
    float yaw;
    float pitch;

    void Start()
    {
        yaw = transform.eulerAngles.y;
        pitch = transform.eulerAngles.x;
    }

    void Update()
    {
        if (Mouse.current == null) return;

        Vector2 move = Mouse.current.delta.ReadValue();
        yaw += move.x * sensitivity;
        pitch = Mathf.Clamp(pitch - move.y * sensitivity, -80f, 80f);
        transform.rotation = Quaternion.Euler(pitch, yaw, 0f);
    }
}

マウスを横に動かすと左右、縦に動かすと上下の向きが変わります。上下には回しすぎを防ぐ範囲を付けています。

再生してGameビュー内でマウスを動かしましょう。的を画面の真ん中に合わせられるか試します。

クリックを「SHOT」にしよう

次は射撃ボタンを作ります。まずは左クリックをしたときだけ、Consoleに「SHOT」と表示させましょう。

ShootCheck.csを作り、次のコードを書いてMain Cameraに付けます。

using UnityEngine;
using UnityEngine.InputSystem;

public class ShootCheck : MonoBehaviour
{
    void Update()
    {
        if (Mouse.current == null) return;

        if (Mouse.current.leftButton.wasPressedThisFrame)
        {
            Debug.Log("SHOT");
        }
    }
}

このコードは、左クリックした瞬間に「SHOT」と知らせます。まだ的に当たったかどうかは調べていません。

再生してGameビューをクリックし、Consoleを確かめましょう。

クリックした先を調べよう

画面の真ん中から見えない線を飛ばし、最初に当たったものを調べます。このしくみを「Raycast（レイキャスト）」といいます。

ShootCheck.csを次のように書きかえ、Main Cameraに付けたまま再生しましょう。

using UnityEngine;
using UnityEngine.InputSystem;

public class ShootCheck : MonoBehaviour
{
    Camera cameraComponent;

    void Start()
    {
        cameraComponent = GetComponent<Camera>();
    }

    void Update()
    {
        if (Mouse.current == null ||
            !Mouse.current.leftButton.wasPressedThisFrame) return;

        Ray ray = cameraComponent.ViewportPointToRay(
            new Vector3(0.5f, 0.5f, 0f));

        if (Physics.Raycast(ray, out RaycastHit hit))
        {
            Debug.Log(hit.collider.gameObject.name);
        }
    }
}

クリックすると、カメラから画面中央へ線を作り、何に当たったか調べます。当たった物の名前をConsoleに表示します。まだ物は消えません。

当たった物を消してみよう

命中した物の名前が分かったら、今度はその物を消してみます。まずは「何に当たっても消える」状態で試しましょう。

ShootCheck.csのDebug.Logのすぐ下に、次の1行を追加します。

Debug.Log(hit.collider.gameObject.name);
Destroy(hit.collider.gameObject);

Destroyは、Raycastが当たった物をシーンから消します。

再生してSphereを撃ってみましょう。さらに床やCubeを撃つと、何が起きるでしょう？

的だけを消そう

床まで消えた問題を直しましょう。Tag（タグ）は物に付ける目印です。Sphereにだけ「Target」という目印を付けます。

作った「Target」を4つのSphereすべてに設定します。PlaneとCubeのTagは変えません。

ShootCheck.csでは、Destroyの行を次の条件で囲みます。

if (hit.collider.gameObject.CompareTag("Target"))
{
    Destroy(hit.collider.gameObject);
}

CompareTagで当たった物のTagを調べ、「Target」のときだけ消します。Tagが違う物は残ります。

画面の真ん中に照準を置こう

弾が飛ぶのはGameビューの真ん中です。狙う場所が分かるように、小さな白い四角を置きます。これを「照準」といいます。

HierarchyでUIのImageを作ります。Canvasの子になったImageのRect Transformで、アンカーを中央、Pos XとPos Yを0、大きさを10×10にしてみましょう。

再生してGameビューを確かめましょう。照準をSphereに重ねて撃ちます。

視点を元の向きに戻そう

的を探して視点を動かしたあと、最初の向きへ戻せるようにします。右クリックか、マウスホイールを押し込んだときに戻すしくみを試しましょう。

MouseLook.csに、最初の角度を覚える変数を加えます。Start()では、今あるyawとpitchを設定したあとに保存します。

float startYaw;
float startPitch;

// Start() の中
startYaw = yaw;
startPitch = pitch;

ゲームを始めたときの左右と上下の向きを覚えます。

Update()では、Mouse.current == nullの確認のすぐ下、マウスの移動量を読む前に次を追加します。

if (Mouse.current.rightButton.wasPressedThisFrame ||
    Mouse.current.middleButton.wasPressedThisFrame)
{
    yaw = startYaw;
    pitch = startPitch;
    transform.rotation = Quaternion.Euler(pitch, yaw, 0f);
    return;
}

右ボタンかホイールの押し込みを検出すると、覚えた角度に戻します。ホイールを回す操作ではありません。

自分だけの射撃場を作ろう