More than 1 year has passed since last update.

[Unity] joystickの実装（カメラが常に後ろに追従する）

Last updated at 2022-07-12Posted at 2022-03-15

今回はjoystickを用いて、カメラがずっとプレイヤーに追従する機能の実装についてまとめてみました！

使用PC： MacBook Pro (13-inch, M1, 2020)
OSバージョン: 11.5.2
Unityバージョン：2020.3.20f1

実際にゲームをプレイすると

こんな感じになったら完成です！

オブジェクトの準備

①プレイヤー用のアセットをunityにインポートします。（今回はプレイヤーにunity asset storeのアセットを使いました。）
②地面とかは適当にplaneかcubeで作成してください。

プレイヤーにアニメーションはつけたりするのですが、その辺はちょっと今回は省かせていただきます。。。

joystickの設定

①joystickをasset storeからunityにインポートする

（※今回はFloating Joystickを使用します！Joystickの種類についてはこちらの記事がわかりやすく解説してくれているので参考にしてみてください！）

②HierarchyビューでCreate→Canvasを作成

③ProjectビューにインポートしておいたJoystick Packから、Floating JoystickをCanvasの子オブジェクトにドラッグ&ドロップ。

④canvasに内で位置や大きさを調整

スクリプトの作成

C#.PlayerScript.cs

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

public class PlayerScript : MonoBehaviour
{
    public FloatingJoystick idou;
    public float speed;
    Animator ani;

    Quaternion qqq;
    Quaternion rot;

    // Start is called before the first frame update
    void Start()
    {
        ani = this.gameObject.GetComponent<Animator>();
    }

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

    void Move()
    {
        float dx = idou.Horizontal;
        float dy = idou.Vertical;

        float rad = Mathf.Atan2(dx - 0, dy - 0);
        float deg = rad * Mathf.Rad2Deg;

        this.transform.rotation = Quaternion.Euler(0, rot.eulerAngles.y + deg, 0);

        if (deg != 0) 
        {
            ani.SetBool("Walk", true); 
            this.transform.position += this.transform.forward * speed * Time.deltaTime; 
            qqq = gameObject.transform.rotation;
            
        }
        else
        {
            ani.SetBool("Walk", false); 

            this.transform.rotation = Quaternion.Euler(0, qqq.eulerAngles.y, 0); 
            rot = gameObject.transform.rotation;
        }
    }
}

スクリプトの解説

コメントアウトに詳細を書きました。

①変数宣言

C#.PlayerScript.cs

public FloatingJoystick idou; //入れたJoyStickの種類によって変えてください
public float speed; //Playerの移動速度。unity側で自由に設定してください。
Animator ani;

Quaternion qqq; //Playerが移動しているときの角度
Quaternion rot; //Playerが停止しているときの角度

②void Move関数の中身~その1~

C#.PlayerScript.cs

float dx = idou.Horizontal; //joystickの水平方向の動き-1~1の値をとります
float dy = idou.Vertical; //joystickの垂直方向の動き-1~1の値をとります

float rad = Mathf.Atan2(dx - 0, dy - 0); //　 原点(0,0)と点（dx,dy)の距離から角度をとってくれる便利な関数
float deg = rad * Mathf.Rad2Deg; //radianからdegreeに変換します

this.transform.rotation = Quaternion.Euler(0, rot.eulerAngles.y + deg, 0);
//Playerの向きを停止時に取得した角度に当てはめて代入します。今回はy軸方向が回転軸になります。

②void Move関数の中身~その2~

C#.PlayerScript.cs

if (deg != 0) //joystickの原点と(dx,dy)の２点がなす角度が０ではないとき = joystickを動かしている時
{
    ani.SetBool("Walk", true); 
    this.transform.position += this.transform.forward * speed * Time.deltaTime; //正面方向へプレイヤーを移動させ続ける
    qqq = gameObject.transform.rotation; //動いている時の角度を取得する
            
} 
 else //joystickの原点と(dx,dy)の２点がなす角度が０の時 = joystickが止まっている時
{
    ani.SetBool("Walk", false); 

    this.transform.rotation = Quaternion.Euler(0, qqq.eulerAngles.y, 0); //停止時のプレイヤーの動きの向きを設定
    rot = gameObject.transform.rotation; //停止している時の角度を取得する
}