> ## Documentation Index
> Fetch the complete documentation index at: https://devdocs.xbox.com/llms.txt
> Use this file to discover all available pages before exploring further.

# Rueda

> Rueda

# Rueda

Un conjunto de controles táctiles dispuestos en un área circular interna y externa.

## Propiedades

[`inner`](/es/reference/system/touchadaptationkit/layout/game-streaming-touch-inner-wheel) - *object*, *opcional*. Hasta cuatro controles que se disponen en la parte [interna](/es/reference/system/touchadaptationkit/layout/game-streaming-touch-inner-wheel) de la rueda.

`outer` - *array*, *opcional*. Una matriz de hasta 8 ranuras que pueden rellenarse con controles o [clústeres de controles](/es/reference/system/touchadaptationkit/layout/game-streaming-touch-control-cluster-outer) que se colocan alrededor del área interna del área circular representada por la `wheel`.

* La primera ranura del área `outer` comienza en la parte superior de la rueda (alrededor de la 1 en punto) y continúa en el sentido de las agujas del reloj.
* Se puede omitir una ranura con `null`.
* Un [clúster de controles](/es/reference/system/touchadaptationkit/layout/game-streaming-touch-control-cluster-outer) siempre ocupará 2 de las 8 ranuras disponibles: la ranura en la que se especifica y la siguiente.

## Comentarios

> [!NOTE]
>
> El jugador puede ajustar el tamaño y la rotación del control `wheel`. Al personalizarlas según sus preferencias, el jugador puede cambiar tanto el tamaño como la rotación de las ruedas.

![Personalización de las ruedas por parte del jugador](https://mintcdn.com/microsoft-4404708b/gzrdvT5kpqAXKEQt/images/gdk/reference/game-streaming-touch-control-images-wheel-ergo.jpg?fit=max\&auto=format\&n=gzrdvT5kpqAXKEQt\&q=85\&s=5667dfc8d7806d65a78055f5882ae16b)

**Sugerencias**

* El área [`inner`](/es/reference/system/touchadaptationkit/layout/game-streaming-touch-inner-wheel) debe usarse para colocar los controles que deben ser más accesibles para el jugador con esa mano.
* La ranura `inner` de la izquierda debe utilizarse para el control de movimiento principal del jugador.
* Las ranuras `outer` que requieren que el jugador mueva la mano para alcanzarlas deben usarse para comandos a los que se accede con poca frecuencia.

## Ejemplos

##### Ejemplo 1: Una rueda de ejemplo con un joystick en el centro y un botón personalizado en cada ranura externa

![Rueda con joystick en la ranura interna y botones personalizados en cada ranura externa](https://mintcdn.com/microsoft-4404708b/gzrdvT5kpqAXKEQt/images/gdk/reference/game-streaming-touch-control-images-wheel-example.png?fit=max\&auto=format\&n=gzrdvT5kpqAXKEQt\&q=85\&s=599295a273b9d668d862d2d7b4c0e7c3)

```JSON theme={null}
"left": {
    "inner": [
        {
            "type": "joystick",
            "axis": {
                "input": "axisXY",
                "output": "leftJoystick",
                "deadzone": {
                    "threshold": 0.05,
                    "radial": true
                }
            }
        }
    ],
    "outer" : [
        {
            "type": "button",
            "action": "gamepadX",
            "styles": {
                "default" : {
                    "faceImage" : {
                        "type": "asset",
                        "value": "one"
                    },
                    "background" : {
                        "type": "color",
                        "value": "#80808080"
                    }
                }
            }
        },
        {
            "type": "button",
            "action": "gamepadX",
            "styles": {
                "default" : {
                    "faceImage" : {
                        "type": "asset",
                        "value": "two"
                    },
                    "background" : {
                        "type": "color",
                        "value": "#80808080"
                    }
                }
            }
        },
        {
            "type": "button",
            "action": "gamepadX",
            "styles": {
                "default" : {
                    "faceImage" : {
                        "type": "asset",
                        "value": "three"
                    },
                    "background" : {
                        "type": "color",
                        "value": "#80808080"
                    }
                }
            }
        },
        {
            "type": "button",
            "action": "gamepadX",
            "styles": {
                "default" : {
                    "faceImage" : {
                        "type": "asset",
                        "value": "four"
                    },
                    "background" : {
                        "type": "color",
                        "value": "#80808080"
                    }
                }
            }
        },
        {
            "type": "button",
            "action": "gamepadX",
            "styles": {
                "default" : {
                    "faceImage" : {
                        "type": "asset",
                        "value": "five"
                    },
                    "background" : {
                        "type": "color",
                        "value": "#80808080"
                    }
                }
            }
        },
        {
            "type": "button",
            "action": "gamepadX",
            "styles": {
                "default" : {
                    "faceImage" : {
                        "type": "asset",
                        "value": "six"
                    },
                    "background" : {
                        "type": "color",
                        "value": "#80808080"
                    }
                }
            }
        },
        {
            "type": "button",
            "action": "gamepadX",
            "styles": {
                "default" : {
                    "faceImage" : {
                        "type": "asset",
                        "value": "seven"
                    },
                    "background" : {
                        "type": "color",
                        "value": "#80808080"
                    }
                }
            }
        },
        {
            "type": "button",
            "action": "gamepadX",
            "styles": {
                "default" : {
                    "faceImage" : {
                        "type": "asset",
                        "value": "eight"
                    },
                    "background" : {
                        "type": "color",
                        "value": "#80808080"
                    }
                }
            }
        }
    ]
}
```

##### Ejemplo 2: Una rueda izquierda de ejemplo con una cruceta direccional y un botón de mapa

![Rueda con joystick en la ranura interna y botones personalizados en cada ranura externa](https://mintcdn.com/microsoft-4404708b/gzrdvT5kpqAXKEQt/images/gdk/reference/game-streaming-touch-control-images-wheel-left-dpad.png?fit=max\&auto=format\&n=gzrdvT5kpqAXKEQt\&q=85\&s=d8ae823b5c086b2e1592b67595d72d62)

```JSON theme={null}
 "left": {
    "inner": [
        {
            "type": "directionalPad",
            "scale": 1.5
        }
    ],
    "outer" : [
        {
            "type": "button",
            "action": "leftBumper",
            "styles": {
                "default" : {
                    "faceImage" : {
                        "type": "icon",
                        "value": "map"
                    }
                }
            }
        },
        null,
        null,
        null,
        null,
        null,
        null
    ]
}
```

##### Ejemplo 3: Una rueda derecha de ejemplo con tres botones

Los botones están alineados en la posición más fácil de alcanzar para la mano derecha. Los botones del área `outer` están dispuestos en un clúster para tener un área de contacto más grande.

![Rueda con joystick en la ranura interna y botones personalizados en cada ranura externa](https://mintcdn.com/microsoft-4404708b/gzrdvT5kpqAXKEQt/images/gdk/reference/game-streaming-touch-control-images-wheel-right.png?fit=max\&auto=format\&n=gzrdvT5kpqAXKEQt\&q=85\&s=ce9650dc3dafefa9a63a695f6fa5402f)

```JSON theme={null}
"right": {
    "inner": [
    {
        "type": "button",
        "action": "gamepadX",
        "styles": {
        "default": {
            "faceImage": {
            "type": "icon",
            "value": "sword"
            }
        }
        }
    }
    ],
    "outer": [
    [
        {
            "type": "button",
            "action": "gamepadB",
            "styles": {
                "default": {
                "faceImage": {
                    "type": "icon",
                    "value": "interact"
                }
                }
            }
        },
        null
    ],
    null,
    [
        {
            "type": "button",
            "action": "gamepadA",
            "styles": {
                "default": {
                "faceImage": {
                    "type": "icon",
                    "value": "jump"
                }
                }
            }
        },
        null
    ]
    ]
}

```

## Consulte también

[Referencia del Touch Adaptation Kit](/es/build/core-features/common/game-streaming/game-streaming-touch-touch-adaptation-kit-overview.md)\
[Diseño](/es/reference/system/touchadaptationkit/layout/game-streaming-touch-layout)


## Related topics

- [Guía del diseñador para crear controles táctiles](/es/build/core-features/common/game-streaming/building-touch-layouts/game-streaming-tak-designers-guide.md)
- [Referencia del kit de adaptación táctil (TAK)](/es/build/core-features/common/game-streaming/game-streaming-touch-touch-adaptation-kit-overview.md)
- [Touch Adaptation Kit](/es/reference/system/touchadaptationkit/touchadaptationkit-reference.md)
- [Plantillas](/es/build/core-features/common/game-streaming/tak-command-line-tool/game-streaming-tak-command-line-templates.md)
- [Recetas](/es/services/playfab/resources/playfab-recipes.md)
