３D空間内の２Ｄ移動機能

　３Ｄ空間内の移動を左右移動のみに限定し、見た目は３Ｄですが、移動処理は２Ｄ移動として機能する処理を実装します。

＜実装動画①＞

動画ファイルへのリンク

＜実装動画②＞

動画ファイルへのリンク

設計

　こちらの記事で紹介されている LineTrace アセットを活用して設計を行います。

参考サイト

HatenaBlog imog 様
Unityで3D横スクロールの挙動を考える
https://adarapata.hatenablog.com/entry/2016/12/15/...

LineTrace アセットをインポートする

　上記のサイト内のリンクより、Github に公開されている LineTrace アセットをインポートします。

Github
https://github.com/adarapata/LineTrace

UniRX アセットをインポートする

　アセットストアから、UniRx アセットをインポートしてください。

UniRx
https://assetstore.unity.com/packages/tools/integr...

シーンに Waypoint を設置する

　ゲームシーンは任意です。自分のゲームシーン内で作業を行ってください。

　シーン内に CraeteEmpty で空のゲームオブジェクトを作成し、Waypoint という名前に変更します。
この地点が移動の目標地点となりますので、複数の Waypoint を作成して設置してください。

　下記は参考画像です。

ヒエラルキー画像

Sceneビュー画像①　上から見下ろした場合

Sceneビュー画像②　横から見た場合

LineManager ゲームオブジェクトをルートの数だけ作成する

　CreateEmpty で空のゲームオブジェクトを作成し、先ほど作成した Waypoint ゲームオブジェクトをすべて格納し、子オブジェクトにします。
これが１つ分のルートになります。

　例えば、スタート地点やゴール地点が同じ場合で、途中の経路が異なるような分岐した移動を実装したい場合には、
そのルートのための Waypoint ゲームオブジェクトを作成し、ルート単位で LineManager ゲームオブジェクトを作成しておきます。

　この例では、２つのルートを作成しているので、２つの LineManager ゲームオブジェクト内に異なる位置に配置した Waypoint ゲームオブジェクトを子オブジェクトとして格納しています。

インスペクター画像

Sceneビュー画像

インスペクター画像

Sceneビュー画像

Move スクリプトを作成する

　Rigidbody コンポーネントによる移動を実装するため、参考にしているサイト内のスクリプトを参考に、別のスクリプトを作成します。

Move.cs

<= クリックすると開きます

using UnityEngine;
using LineTrace;

[RequireComponent(typeof(Rigidbody))]
public class Move : MonoBehaviour {

    [SerializeField]
    private float speed;

    private DirectionController2d controller;
    private Rigidbody rb;

    private string horizontal = "Horizontal";
    float inputValue;

    void Start() {
        if(!TryGetComponent(out rb)) {
            Debug.Log("Rigidbody 取得出来ませんでした");
        }

        if (!TryGetComponent(out controller)) {
            Debug.Log("DirectionController2d 取得出来ませんでした");
        }
    }

    void Update() {

        // DirectionController2d が取得できていない場合
        if (controller == null) {
            // null エラーが発生するため、処理を行わない
            return;
        }

        // 左右のキー入力の取得
        inputValue = Input.GetAxis(horizontal);

        // キー入力の方向に合わせて向きを設定
        if (inputValue > 0) {
            controller.direction = Direction.front;
        } else if (inputValue < 0){
            controller.direction = Direction.back;
        }
    }

    private void FixedUpdate() {

        // Rigidbody が取得できていない場合
        if (!rb) {     // <=　rb == null と同じ挙動になります
            // null エラーが発生するため、処理を行わない
            return; 
        }

        // 移動
        rb.velocity = new Vector3(controller.forward.x * speed, rb.velocity.y, controller.forward.z * speed);

        // キー入力がない場合
        if (inputValue == 0) {
            // 停止
            rb.velocity = Vector3.zero;
        }
    }
}

プレイヤー用のゲームオブジェクトの設定を行う

　こちらのゲームオブジェクトも任意です。自分のゲームの主人公役(あるいは敵役)のゲームオブジェクトに
作成した Move スクリプトをアタッチしてください。

インスペクター画像

RootChanger スクリプトを作成する

　LineManager ゲームオブジェクトを利用し、異なるルートへの分岐機能を実装します。

RootChanger.cs

<= クリックすると開きます

using UnityEngine;
using LineTrace;

/// <summary>
/// ルートの設定用クラス
/// </summary>
public class RootChanger : MonoBehaviour
{
    [SerializeField, Header("ルートごとに登録")]
    private LineManager[] lineManagers;


    void Start() {
        // デバッグ用に、ランダムなルートを１つ選択してルートを設定
        SetLine(Random.Range(0, lineManagers.Length));
    }

    /// <summary>
    /// ルートの設定
    /// </summary>
    /// <param name="lineIndex"></param>
    public void SetLine(int lineIndex) {

        // 利用する LineManager を１つ設定し、それをルートとする
        for (int i = 0; i < lineManagers.Length; i++) {
            if (i == lineIndex) {
                lineManagers[i].gameObject.SetActive(true);
            } else {
                lineManagers[i].gameObject.SetActive(false);
            }
        }
    }
}

RootChanger ゲームオブジェクトを作成し、RootChanger スクリプトをアタッチして設定を行う

　ヒエラルキーにて CreateEmpty を行い、新しいゲームオブジェクトを作成し、名前を RootChanger に変更します。

　こちらに先ほど作成した RootChager スクリプトをアタッチし、変数へのアサインを行います。

Cinemachine を作成して設定する

　カメラには Cinemachine を利用しますので、Unity の PackageManager より Cinemachine をインストールしてください。

　ヒエラルキーに新しい VirtualCamera を１つ作成します。

　LookAt の設定は None でも問題ありません。

インスペクター画像

ゲームを実行して動作を確認する

　以上の手順で完成です。
下記の動画を参考に、制御の確認を行ってください。

　現在はゲームが実行されるたびに RootChanger スクリプトでランダムなルートを選択するようになっていますが、
実際に利用する場合には、ルートの切り替えをする際には RootChanger スクリプトの SetLine メソッドの引数でルートの情報を設定してください。

＜実装動画①＞

動画ファイルへのリンク

＜実装動画②＞

動画ファイルへのリンク

　以上になります。

このページを編集するこのページを元に新規ページを作成

印刷する

コメント（0）

３D空間内の２Ｄ移動機能 - i-school 先頭へ

コメントをかく

名前	ユーザIDを使用しないで書き込む	ユーザーIDを使う	ログインする
画像コード	画像に記載されている文字を下のフォームに入力してください。
備考	「http://」を含む投稿は禁止されています。
本文
利用規約をご確認のうえご記入下さい

i-school