【脱出ゲーム制作３】視点を左右に変更させる方法

オリジナルのボクセルを使って脱出ゲーム制作に挑戦！
カメラの位置を移動し視点を変更させる
UIを作成
- 左右のボタンを作成
スクリプトの作成
- CameraManagerオブジェクトの作成
- CameraManager.cs
CameraPositionの作成
- 完成
まとめ

オリジナルのボクセルを使って脱出ゲーム制作に挑戦！

用意するもの

Unity
VSCode，VisualStudioなど
3Dモデル

この記事ではUnity6を使用しています。

前回はモデルをアニメーションさせるところまでやりました。

カメラの位置を移動し視点を変更させる

今回は脱出ゲームには欠かせない、プレイヤーの視点を変更する機能を実装します。

UIを作成

押すことで視点を変更させるボタンを作成します。

左右のボタンを作成

まずは視点を左右に変更するためのボタンを作ります。

CanvasとPanelを作成

Hierarchy→UI→Panelを選択します。

CanvasとPanelが作成されました。

トランスフォームのLeftを変更し、画面の右側だけにPanelを表示させるようにします。

Ctrl＋DでPanelを複製し、左側のPanelを作ります。
トランスフォームのRightを変更します。

名前を「CameraMoveCanvas」「RightPanel」「LeftPenel」に変更。

後々使うので、BackPanelも作成しておきます。
トランスフォームのTopを変更し下側に表示させます。

BackPanelを非表示にしておきます。

Panel３つを選択し、インスペクターから「Button」を追加します。

スクリプトの作成

ボタンを押した際に発動するスクリプトを作成します。

CameraManagerオブジェクトの作成

HierarchyにCreateEmptyを選びゲームオブジェクトを作成し、名前をCameraManagerに変更します。
さらにAssets内にスクリプトを作成し、名前をCameraManager.csにします。

オブジェクトのCameraManagerにスクリプトのCameraManager.csをドラッグし、アタッチさせます。

CameraManager.cs

using UnityEngine;

public class CameraManager : MonoBehaviour
{
    [SerializeField] Transform[] cameraPositions = default;
    int currentIndex = 0;

    void Start()
    {
        currentIndex = 0;
        SetCameraPosition(currentIndex);
    }

    public void TurnRight()
    {
        currentIndex ++;
        if (currentIndex >= cameraPositions.Length)
        {
            currentIndex = 0;
        }
        SetCameraPosition(currentIndex);
    }

    public void TurnLeft()
    {
        currentIndex--;
        if (currentIndex < 0)
        {
            currentIndex = cameraPositions.Length -1;
        }
        SetCameraPosition(currentIndex);
    }

    void SetCameraPosition(int index)
    {
        Camera.main.transform.position = cameraPositions[index].position;
        Camera.main.transform.rotation = cameraPositions[index].rotation;
    }
}

メソッドの説明

Startメソッド	ゲーム開始時に実行され、初期のカメラ位置を設定します。 currentIndex を 0 に初期化し、SetCameraPosition メソッドを呼び出して、配列の 0 番目のポジションを適用します。
TurnRightメソッド	カメラを右方向に切り替えます。 currentIndex を 1 増やし、配列の範囲を超えた場合は 0 に戻ります（配列の先頭にループ）。その後、SetCameraPosition を呼び出して位置を更新します。
TurnLeftメソッド	カメラを左方向に切り替えます。 currentIndex を 1 減らし、インデックスが 0 未満になった場合は配列の最後（cameraPositions.Length – 1）に戻ります。その後、SetCameraPosition を呼び出して位置を更新します。
SetCameraPositionメソッド	現在のインデックス（currentIndex）に基づいて、カメラの位置と回転を設定します。配列の指定された要素（cameraPositions[index]）から位置（position）と回転（rotation）を取得し、Camera.main に適用します。