次の方法で共有


コントロール クラスター

ホイールの外側の部分で 2 つのスロットを占有する最大 4 つのコントロールの配列。

解説

コントロール クラスターを使用すると、タッチ コントロールがwheel の中のouter に表示される場所をより細かく調整できます。

一般的な使用例をいくつか示します。

  • 1 つのコントロールに、wheelの中の 2 つのouterスロットを占有させます。 これは、outer セクションのボタンのヒット領域を大きくする場合に一般的に使用されます。
  • 三角形または正方形の構成で 3 つまたは 4 つのコントロールのグループを作成して、outerスロットのレイアウト オプションを展開します。

Warning

コントロール クラスターを使用して、wheelの想定される境界を超えて拡張できるコントロールのグループを作成できます。 複数のコントロールを使用する場合は、小さい画面のデバイスで、期待通りの動作をするかどうかを検証します。


outer wheel領域 のコントロール クラスターのパターン

画像には、内側のスロットにジョイスティックが付いたホイールの完全なレンダリングと、指定された outerのレイアウトが示されています。

パターン 1. 2 つの外部スロットにまたがる 1 つのコントロール

2 つの外部スロットにまたがる 1 つのコントロール

この例では、ボタンのヒット ターゲット領域に注目してください。

{
    "outer": [
        [
            {
                "type": "button",
                "action": "gamepadA"
            },
            null
        ]
    ]
}

パターン 2. ホイール上の 12 時方向の 1 つのコントロール

ホイール上の 12 時方向の 1 つのコントロール

{
   "outer": [
        null,
        null,
        null,
        null,
        null,
        null,
        null,
        [
            null,
            {
                "type": "button",
                "action": "gamepadA"
            },
            null
        ]
    ]
}

パターン 3: クラスター内の 3 つのコントロール

1 つのクラスターで 3 つのコントロールを使用することは、すべての外部スロットが利用された場合、コントロールを追加する良い方法です。 右側の 5 番目のスロットで最適に動作します。

クラスター内の 3 つのコントロール

{
    "outer": [
        null,
        null,
        null,
        null,
        [
            {
                "type": "button",
                "action": "gamepadA"
            },
            {
                "type": "button",
                "action": "gamepadB"
            },
            {
                "type": "button",
                "action": "gamepadX"
            }
        ]
    ]
}

パターン 4. クラスター内の 4 つのコントロール

3 つのクラスターで追加のコントロールが必要な場合は、スロットで 4 つのコントロールを使用します。 右側の 5 番目のスロットで最適に動作します。

クラスター内の 4 つのコントロール

{
    "outer": [
        [
            null,
            null,
            null,
            null,
            ,
            {
                "type": "button",
                "action": "gamepadA"
            },
            {
                "type": "button",
                "action": "gamepadB"
            },
            {
                "type": "button",
                "action": "gamepadX"
            },
            {
                "type": "button",
                "action": "gamepadY"
            }
        ]
    ]
}