【Unity】Joystickをアセットパワーで楽々実装する

はじめに

モバイルのゲームを作る場合、Joystickは避けて通れないといっても過言ではないでしょう。

私も今回作っているゲームに組み込もうと思いどう実装しようか悩んでいたところ、このようなアセットを見つけました。

このアセットを用いて以下のGIFのようなJoystickを作ってみようと思います。

（一応作成中の未公開ゲームの一部なのでこの記事をみた方だけの秘密です）

• はじめに
• Canvasの作成
• Joystickの作成
• 反映させる範囲を指定する
• 入力を取得する
• さいごに

Canvasの作成

まずはCanvasを新規作成します。

Canvasの設定は好きにしてもらって大丈夫ですが、個人的にScreen Space - Cameraにしておいた方が良いと思います。

Joystickの作成

JoystickのゲームオブジェクトがJoystick Pack -> Prefabsの中に入っています。

Joystickには４種類あり，以下のようなものになりますが今回はFloating Joystickを選択しました。

Joystick Pack/Prefabs/FloatingJoystickを先ほど作成したCanvasの中に入れてください。

反映させる範囲を指定する

画面左側のみタッチしたら表示されるようにしたいので、その範囲を設定します。

といってもFloating Joystickゲームオブジェクトの大きさがそのままタッチ範囲となっているので、真ん中から左に伸びるような設定に変更すればOKです。

以下の画像を参考にしながら設定してみてください。

入力を取得する

最後にスクリプトからJoystickの入力を受け取りましょう。

[SerializeField] private FloatingJoystick _joystick;

private void Update()
{
    // -1 ~ 1までの値を取得する
    float x = _joystick.Horizontal;
    float y = _joystick.Vertical;

    // 方向を取得することも
    Vector2 dir = _joystick.Direction;
}

さいごに

こんなに簡単にジョイスティックを実装できるなんてアセット様々ですよね。

このアセットのサイズ自体も大きくなかったはずなので、自分で一から実装してみるといった場合以外は積極的に使っていくのもアリだと思います。

是非うまく活用してみてください。

ではまた。