클러스터 컨트롤

휠의 바깥쪽 부분에 있는 두 슬롯을 차지하는 데 사용할 수 있는 최대 4개의 컨트롤 배열입니다.

비고

컨트롤 클러스터를 사용하여 wheel의 outer에 표시되는 터치 컨트롤의 위치를 보다 세밀하게 제어할 수 있습니다.

다음은 일반적인 사용 사례입니다.

• 한 컨트롤이 wheel의 두 outer 슬롯을 차지하게 합니다. outer 섹션의 버튼에 대해 더 큰 적중 영역을 사용하려는 경우에 일반적으로 사용됩니다.
• 삼각형 또는 사각형 구성에서 세 개 또는 네 개의 컨트롤을 그룹화하여 outer 슬롯의 레이아웃 옵션을 확장합니다.

Warning

컨트롤 클러스터를 사용하여 wheel의 예상 경계를 넘어 확장할 수 있는 컨트롤 그룹을 만들 수 있습니다. 여러 컨트롤을 사용하는 경우 더 작은 화면의 디바이스에서 작동이 원하는 대로 이루어졌는지 확인합니다.

---

outer wheel영역 컨트롤 클러스터에 대한 패턴

이미지는 안쪽 슬롯에 조이스틱이 있는 휠의 전체 렌더링과 지정된 대로 outer 레이아웃을 나타냅니다.

패턴 1. 두 외부 슬롯에 걸쳐 있는 한 컨트롤

이 예제에서는 버튼의 적중 대상 영역을 확인합니다.

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

패턴 2. 휠의 12시 방향으로 맞춰진 한 컨트롤

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

패턴 3: 한 클러스터의 세 컨트롤

클러스터에서 세 개의 컨트롤을 사용하여 모든 외부 슬롯이 활용되면 컨트롤을 더 추가할 수 있습니다. 오른쪽의 다섯 번째 슬롯에서 제일 잘 작동합니다.

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

패턴 4. 한 클러스터의 네 컨트롤

세 클러스터에 추가 컨트롤이 필요한 경우 슬롯에 4개의 컨트롤을 사용합니다. 오른쪽의 다섯 번째 슬롯에서 제일 잘 작동합니다.

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