Capa (experimental)

Un diseño táctil secundario que se puede superponer sobre el diseño táctil base.

Actualmente, las capas están disponibles para su uso en forma experimental y su comportamiento puede cambiar en función de los comentarios de los primeros usuarios.

Propiedades

El objeto de capa con nombre contiene las siguientes propiedades. center - object, opcional. Rueda de controles que se muestra en el centro de la pantalla. left - object, opcional. Rueda de controles que, de forma predeterminada, se muestra bajo la mano o el pulgar izquierdos del jugador. lower - object, opcional. Un objeto que le permite colocar controles en cualquiera de las tres ranuras leftCenter, center o rightCenter de la fila inferior de controles. right - object, opcional. Rueda de controles que, de forma predeterminada, se muestra bajo la mano o el pulgar derechos del jugador. upper - object, opcional. Un objeto que le permite colocar una matriz de controles en las ranuras right de la fila superior de controles.

Comentarios

Cuando se utiliza una layer, en cada una de las ranuras donde se utilizaría un control en un diseño normal (en las ubicaciones center, left, lower, right, upper), puede incluir un control para reemplazar lo que se mostraba anteriormente o utilizar un control blank para ocultar lo que se mostraba anteriormente en esa ranura. Para que se muestre una layer, debe tener un control button con una acción de capa que hará que se muestre el diseño.

Ejemplo

Este ejemplo comienza con un diseño sencillo de juego de plataformas, con un botón en la parte superior derecha para alternar la visualización de una capa con habilidades avanzadas.

Jugador interactuando con el diseño y usando una capa para exponer controles adicionales

{
    "$schema": "https://raw.githubusercontent.com/microsoft/xbox-game-streaming-tools/main/touch-adaptation-kit/schemas/layout/v3.1/layout.json",
    "content": {
        "left": {
            "inner": [
                {
                    "type": "directionalPad",
                    "scale": 1.5
                }
            ]
        },
        "right": {
            "inner": [
                {
                    "type": "button",
                    "action": "gamepadY",
                    "styles": {
                        "default": {
                            "faceImage": {
                                "type": "icon",
                                "value": "dash"
                            }
                        }
                    }
                },
                {
                    "type": "button",
                    "action": "gamepadA",
                    "styles": {
                        "default": {
                            "faceImage": {
                                "type": "icon",
                                "value": "jump"
                            }
                        }
                    }
                }
            ],
            "outer": [
                null,
                {
                    "type": "button",
                    "action": "gamepadB",
                    "styles": {
                        "default": {
                            "faceImage": {
                                "type": "icon",
                                "value": "specialAbility"
                            }
                        }
                    }
                },
                null,
                null,
                {
                    "type": "button",
                    "action": "gamepadX",
                    "styles": {
                        "default": {
                            "faceImage": {
                                "type": "icon",
                                "value": "fire"
                            }
                        }
                    }
                }
            ]
        },
        "upper": {
            "right": [
                {
                    "type": "button",
                    "action": {
                        "type": "layer",
                        "target": "selectAbility"
                    },
                    "styles": {
                        "default": {
                            "faceImage": {
                                "type": "icon",
                                "value": "add"
                            }
                        }
                    },
                    "toggle" : true
                },
                {
                    "type": "button",
                    "action": "view"
                },
                {
                    "type": "button",
                    "action": "menu"
                }
            ]
        },
        "layers": {
            "selectAbility": {
                "right": {
                    "outer": [
                        null,
                        null,
                        null,
                        null,
                        null,
                        null,
                        {
                            "type": "button",
                            "action": "rightBumper",
                            "styles": {
                                "default": {
                                    "faceImage": {
                                        "type": "icon",
                                        "value": "ability2"
                                    }
                                }
                            }
                        },
                        {
                            "type": "button",
                            "action": "leftBumper",
                            "styles": {
                                "default": {
                                    "faceImage": {
                                        "type": "icon",
                                        "value": "ability"
                                    }
                                }
                            }
                        }
                    ]
                }
            }
        }
    }
}

Consulte también

Referencia del Touch Adaptation Kit
Control en blanco
Acción de capa
Diseño

Introduction

Onboarding & Access

Setup & Install

Build Your First Title

Capa

Capa (experimental)

Propiedades

Comentarios

Ejemplo

Consulte también

​Capa (experimental)

​Propiedades

​Comentarios

​Ejemplo

​Consulte también

Capa (experimental)

Propiedades

Comentarios

Ejemplo

Consulte también