Documentación de Steamworks
Menús radiales
Un menú radial es una superposición en pantalla de las acciones del juego, que se muestra como un anillo de opciones seleccionables con un mando. Son muy similares a Menús táctiles, excepto que en lugar de seleccionar una ubicación específica en la superficie táctil, el jugador debe apuntar el puntero virtual a la opción que desee y luego seleccionarla para disparar la acción.

Puedes usar esto para, por ejemplo, cambiar de arma en un juego de disparos en primera persona, alternar teclas de acceso rápido en un juego de estrategia en tiempo real o MMO, o cualquier otro uso que puedas imaginar. Los menús radiales se pueden configurar de muchas maneras diferentes tanto en el comportamiento como en el aspecto, y se pueden adornar con etiquetas e iconos personalizados (proporcionados por Valve, el desarrollador o el jugador).

Aquí hay un ejemplo de los menús radiales utilizados para la selección rápida de hechizos en Defender's Quest: Valley of the Forgotten:

dqdx_radial_menu.png

El menú radial en el centro de la pantalla no es parte del código Defender's Quest's. Está totalmente impulsado por la superposición de Steam y el configurador de entrada de Steam. En lo que respecta a la aplicación Defender's Quest, simplemente está recibiendo acciones de la API de entrada de Steam.

Los menús radiales están disponibles en modo nativo y en modo clásico, pero solo pueden ser controlados por ciertos Fuentes de entrada:

Origen de entradaCompatibilidad con menú radial
Trackpad
DPad
Botonera
Joystick
Giroscopio
Interruptores
Gatillos

Para crear un menú radial, simplemente selecciona una fuente de entrada compatible en la configuración de tu juego (como un joystick o un trackpad), y selecciona "Menú radial" como el estilo de entrada.

radial_menu_create.png

Así es como se ve la pantalla de configuración del menú radial:
radial_menu.png

Opciones básicas

Estilo de activación del menú


Esto determina cómo funciona el menú radial: ¿debe dispararse la acción cuando lo apunta y lo suelta, debe hacer clic en algo primero o debe activarse continuamente mientras esté resaltado?

Las opciones disponibles son:

Estilo de activación del menúDescripción
Clic de botónLa acción resaltada se dispara cuando se presiona la entrada
Detener pulsaciónLa acción resaltada se dispara solo después de presionar y luego soltar la entrada
Liberación de toque/Fin de cambio de modoLa acción resaltada se dispara cuando se detiene la entrada (como soltar un botón o levantar el dedo de un trackpad/joystick) o, si el menú radial está en un cambio de modo, siempre que ese cambio de modos finalice.
SiempreDispara la acción mientras esté resaltada

Otras opciones


OpciónDescripción
Posición horizontal/vertical en pantalla¿Dónde debería aparecer el menú radial en pantalla? Los valores son 0.0-1.0, donde el cero representa el borde izquierdo/superior de la pantalla y el otro representa el derecho/inferior.
Opacidad del menúEl menú radial tiene un fondo negro y puedes controlar su transparencia. Sin embargo, los propios iconos de acción siempre aparecerán con un 100 % de opacidad.
Tamaño del menú¿Qué tan grande es el menú? Un factor de escala entre 0.0-1.0, de menor a mayor.
Mostrar la etiqueta de asignación del botónLos botones del menú radial pueden mostrar una etiqueta de texto sobre la acción que tienen asignada. Si se utiliza un icono, la etiqueta aparecerá únicamente en la esquina superior izquierda del botón. Si se desactiva, se utilizará el icono o botón en blanco.
Asignación de clicEsta es una acción que no está vinculada a ninguna entrada en particular, sino al menú radial en sí. Es particularmente útil cuando se combina con el tipo de activación de menús "Siempre activo.". Un ejemplo natural es vincular esto a "pausa", de modo que siempre que se abre el menú radial, el juego se detiene y tienes tiempo para hacer su elección.

Botones de menú


Cada opción "Botón de menú X" puede tener una acción (y/o enlace de clave heredada) asignada a ella. La pantalla de configuración básica tiene cinco botones de menú, pero puede asignar hasta veinte (selecciona "Ajustes adicionales" para los enlaces de los botones de menú 6-20).

radial_menu_button.png

Botón central/sin seleccionar


También hay un botón "central" opcional en la posición central del menú radial que se puede enlazar como cualquier otro botón de menú radial. Tenga en cuenta que este botón aumentará de tamaño a medida que agregue más botones de menú normales.

SUGERENCIA: Cancelar el central predeterminado

Dependiendo de tu juego, es posible que desees que el jugador pueda salir fácilmente del menú radial sin activar nada. Si estás utilizando el estilo de activación "Touch Release/Modeshift End", esto puede ser complicado porque la acción que hayas seleccionado en último lugar se activará inmediatamente cuando cierres el menú radial.

Una manera particularmente agradable de hacer esto es crear una acción completamente sin usar en tu juego (llámalo como si "no te importe" o algo así), y vincúlala al botón central. O, si eres el jugador y el desarrollador no ha realizado tal acción (o estás en modo heredado), une el botón central a una tecla heredada que el juego ignora. Luego, elige una bonita "X" para este botón del menú.

¡Tachán! Ahora, cuando quieras descartar este tipo de menú radial sin comprometerse con una acción, simplemente regresa a la posición de descanso central y suelta la entrada.

Iconos de los botones del menú


Para cada botón del menú, también puede asignar un icono. Selecciona la casilla junto a la palabra "Icono" para asignar uno:

radial_menu_button_icon.png

Cuando seleccionas un icono, también puede cambiar sus colores:

radial_menu_button_icon_color.png

Por defecto, Valve proporciona los iconos desde el propio cliente de Steam. Puedes encontrar estos en <SteamInstallDirectory>\Steam\tenfoot\resource\images\library\controller\binding_icons (y si agregas el tuyo aquí, aparecerán en este menú, aunque solo en tu ordenador). Los desarrolladores pueden proporcionar sus propios iconos personalizados para usar en menús radiales (y menús táctiles) colocando los archivos *.png en un directorio llamado /Toque los iconos del menú, en relación con el directorio raíz de su juego.

Aquí hay un ejemplo de un desarrollador que envía íconos personalizados con su juego:

dqdx_sc_radial_icons.png

Hechos divertidos

¡Los GIF animados se pueden utilizar como iconos de menú personalizados!

Menús radiales anidados


Puedes usar Capas de set de acciones pare crear menús radiales animados. Vamos a poner un ejemplo usando el juego Slime Rancher.

Aquí hay un enlace a la configuración que estamos por crear:
steam://controllerconfig/433340/1360133345

Y esté es el resultado final: archivo IGA para la configuración que vamos a crear:
slime_rancher_nested_radial_menus.vdf

Y aquí en acción:

slime_rancher_0.png

Este menú radial está vinculado al trackpad izquierdo, y le permite seleccionar varias opciones en el juego, como "Abrir la Slimepedia", "Alternar radar", "Abrir el mapa", etc. Pero también tiene una opción especial para abrir un menú radial anidado, "Opciones del sistema":

slime_rancher_1.png

Al seleccionar esto se activará una capa del conjunto de acciones de "Opciones del sistema" definida por el jugador. La próxima vez que abramos el menú radial, veremos esto en su lugar:

slime_rancher_2.png

Ahora tenemos opciones como "Tomar capturas de pantalla", "Mostrar teclado" y controles de volumen. También hay una opción para "Volver", que desactivará las "Opciones del sistema". La acción establece la capa y hace que aparezcan las opciones normales la próxima vez que activemos este menú radial:

slime_rancher_3.png

Así es como lo configuramos. Primero, creamos una capa de conjunto de acción personalizada. Hacemos clic en "agregar capa de acción".

slime_rancher_add_layer_1.png

Lo llamaremos "Opciones de sistema".

slime_rancher_add_layer_2_1.png

Ahora que hemos terminado, volvemos a nuestra configuración básica y conjunto de acciones "controles de juego", luego seleccionas el trackpad izquierdo y configuras nuestro menú radial básico:

slime_rancher_radial_menu_config_1.png

Todo es bastante normal, excepto el botón 5 del menú, que activa la capa de set de acciones. Configuramos esto seleccionando el botón de "set de acciones" especial en la pantalla de asignaciones y, a continuación, "Aplicar capa de acciones
--> Opciones del sistema" en el menú emergente:

slime_rancher_radial_menu_config_3.png

Ten en cuenta que el botón de "conjunto de acciones" especiales no aparecerá en el menú de enlace si no tiene ningún conjunto de acciones personalizado definido. Esto significa que debes crear su capa de conjunto de acciones personalizadas antes de que intentes configurar la activación para su activación. Consulte el artículo Capas de set de acciones para obtener más información sobre cómo crear capas de conjuntos de acciones.

Una vez que tengamos configurado nuestro menú radial base, también debemos configurar el menú radial en la capa de conjunto de acciones superpuestas. Regresamos a la pantalla de configuración básica y seleccionamos la capa de conjunto de acciones de "Opciones del sistema" personalizada:

slime_rancher_radial_menu_config_4.png

Luego seleccionamos el trackpad izquierdo donde el menú radial está vinculado en el conjunto de acciones subyacentes:

slime_rancher_radial_menu_config_5.png

Observa cómo podemos ver los enlaces de acción subyacentes en gris. Podemos anularlos aquí para crear un menú radial anidado. Cualquier acción que no cambiemos "se mostrará" en el menú radial de la segunda capa. Los anularemos a todos aquí con varios enlaces de opciones del sistema (a excepción de la acción central "no importa"). Ten en cuenta especialmente que unimos un comando de capa de conjunto de acciones al quinto botón de menú, que desactiva la capa de conjunto de acciones:

slime_rancher_radial_menu_config_6.png

¡Y ahí lo tienes! Un menú radial de doble capa.

Una vez más, aquí está el enlace a la configuración:
steam://controllerconfig/433340/1360133345

Y el archivo IGA:
slime_rancher_nested_radial_menus.vdf

Más información