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 control. 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 usarlos 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 íconos 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
Cruceta
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 íconos 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 ícono, la etiqueta aparecerá únicamente en la esquina superior izquierda del botón. Si se desactiva, se utilizará el ícono 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 vincularlo a "pausa", de modo que siempre que se abre el menú radial, el juego se detiene y tienes tiempo para hacer tu elección.

Botones de Menú


Cada opción "Botón de menú X" puede tener una acción (y/o asignación de clave clásica) asignada a ella. La pantalla de configuración básica tiene cinco botones de menú, pero puede asignar hasta veinte (selecciona "Ajustes adicionales" para las asignaciones 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. Ten en cuenta que este botón aumentará de tamaño a medida que agregues 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 clásico), une el botón central a una tecla clásica que el juego ignora. Luego, elige una bonita "X" para este botón del menú.

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

Íconos de los botones del menú


Para cada botón del menú, también puedes asignar un ícono. Selecciona la casilla junto a la palabra "Ícono" para asignar uno:

radial_menu_button_icon.png

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

radial_menu_button_icon_color.png

Por defecto, Valve proporciona los íconos desde el propio cliente de Steam. Puedes encontrarlos 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 equipo). Los desarrolladores pueden proporcionar sus propios íconos personalizados para usar en menús radiales (y menús táctiles) colocando los archivos *.png en un directorio llamado /TouchMenuIcons, en relación con el directorio raíz de su juego.

Este es un ejemplo de un desarrollador que envía íconos personalizados con su juego:

dqdx_sc_radial_icons.png

Dato curioso

¡Los GIF animados se pueden utilizar como íconos 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 este es el resultado final: archivo IGA para la configuración que vamos a crear:
slime_rancher_nested_radial_menus.vdf

Y aquí está en acción:

slime_rancher_0.png

Este menú radial está vinculado al trackpad izquierdo, y te 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 seleccionarlo se activará una capa del set 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 set 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 "set de acciones" especiales no aparecerá en el menú de asignación si no tiene ningún set de acciones personalizado definido. Esto significa que debes crear su capa de set de acciones personalizadas antes de que intentes configurar la activación para su activación. Consulta el artículo Capas de set de acciones para obtener más información sobre cómo crear capas de set de acciones.

Una vez que tengamos configurado nuestro menú radial base, también debemos configurar el menú radial en la capa de set de acciones superpuestas. Regresamos a la pantalla de configuración básica y seleccionamos la capa de set 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 set de acciones subyacentes:

slime_rancher_radial_menu_config_5.png

Observa cómo podemos ver las asignaciones 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 set de acciones al quinto botón de menú, que desactiva la capa de set 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