Configuración de Barras de Vida y Maná en Unity

Contenido del curso

El controlador del juego

Creando nuestro mundo 3D en Unity

El realismo del VR: Programando a nuestro personaje

El realismo del VR: Creación de HUD (Heads Up Display) y generando enemigos

El realismo del VR: Programando la IA de nuestro juego

Tomar examen

Cursos Empresas Blog Live Conf Eventos Precios

0:005:54

Configuración de Barras de Vida y Maná en Unity

Curso de VR con Unity

Clase 22 de 33

Clase 22 / 33

Recursos

Optimizá tu HUD en VR con barras de vida y maná claras, coherentes y funcionales. Aquí verás cómo reposicionar sliders, ajustar colores para una mejor lectura en realidad virtual y crear un script C# genérico que podrás reutilizar también en los enemigos. Todo con pasos simples y sin distraer el gameplay.

¿Cómo posicionar los sliders de vida y maná en VR?

Ubicar los indicadores en el lateral mejora la visibilidad y despeja el centro de la escena. La clave es orientar los sliders en vertical y respetar lo que ves con la malla de oclusión en VR.

Cambiar la dirección del slider: de abajo a arriba para que abajo sea sin vida y arriba vida completa.
Mover a la derecha: evitar el centro para no interferir con el gameplay.
Validar en VR: usa la malla de oclusión para confirmar que realmente los ves con las gafas.
Duplicar para el maná: atajo comando D en Mac o control D en Windows.
Ajustar el espaciado: si quedan muy separados, júntalos ligeramente para que entren dentro de la visión útil.
Renombrar con claridad: health bar para vida y maná bar para maná.

¿Qué pasa si un slider queda fuera del campo de visión?

Si lo ves en el monitor pero no con el visor, está fuera de la malla de oclusión: muévelo unos puntos hacia adentro hasta que ambas barras queden visibles simultáneamente.

¿Por qué usar orientación vertical en los sliders?

Porque el mapeo mental es inmediato: abajo indica agotado y arriba lleno. Además, libera el centro para la acción.

¿Qué ajustes visuales mejoran el HUD?

Una estética consistente ayuda a leer rápido en VR. Mantén colores y fondos alineados con el significado: rojo para vida, azul para maná.

Cambiar fill area: vida en rojo, maná en azul para diferenciarlos al instante.
Fondo coherente: evita fondo rojo en la barra de maná; usa azul con transparencia mínima para que no distraiga.
Revisión con play: pulsa play y comprueba el efecto de vaciado de las barras en contexto VR.
Estilo de heads up display: si quieres, sumá más indicadores como energía o cansancio para un HUD tipo Dark Souls.

¿Cómo lograr contraste sin saturar?

Ajustá la transparencia del fondo: lo justo para ver el límite del slider sin competir con el color principal del relleno.

¿Cómo crear el script C# genérico MenuBar para sliders?

Un único script simplifica el mantenimiento: funciona tanto para vida como para maná y también para la barra de los enemigos. Aplícalo a cada slider, incluido el del prefab de enemigo (ellos no tienen maná, pero sí vida).

Nombre claro: MenuBar como script genérico reutilizable.
Importar la UI: using UnityEngine.UI para acceder a Slider.
Referenciar el componente: obtener el Slider con GetComponent.
Reutilización: arrastrá el mismo script a la barra de vida y a la de maná; no dupliques lógica.
Consistencia en enemigos: añadí MenuBar al slider dentro del prefab que contiene la barra de vida del enemigo.

using UnityEngine;
using UnityEngine.UI;

public class MenuBar : MonoBehaviour
{
    public Slider slider;

    void Start()
    {
        slider = GetComponent<Slider>();
    }
}

UnityEngine.UI: librería necesaria para trabajar con componentes de UI como Slider.
Slider: componente UI que representa la barra; se asigna por código con GetComponent.
Prefab: plantilla donde debes añadir el mismo comportamiento para que enemigos y personaje funcionen igual.

¿Te gustaría ver otras variaciones de HUD o automatizar el posicionamiento para distintos visores? contame qué configuración de VR usás y qué necesitas ver en pantalla.

Resumen

¿Cómo posicionar los sliders de vida y maná en VR?

Ubicar los indicadores en el lateral mejora la visibilidad y despeja el centro de la escena. La clave es orientar los sliders en vertical y respetar lo que ves con la malla de oclusión en VR.

Cambiar la dirección del slider: de abajo a arriba para que abajo sea sin vida y arriba vida completa.
Mover a la derecha: evitar el centro para no interferir con el gameplay.
Validar en VR: usa la malla de oclusión para confirmar que realmente los ves con las gafas.
Duplicar para el maná: atajo comando D en Mac o control D en Windows.
Ajustar el espaciado: si quedan muy separados, júntalos ligeramente para que entren dentro de la visión útil.
Renombrar con claridad: health bar para vida y maná bar para maná.

¿Qué pasa si un slider queda fuera del campo de visión?

Si lo ves en el monitor pero no con el visor, está fuera de la malla de oclusión: muévelo unos puntos hacia adentro hasta que ambas barras queden visibles simultáneamente.

¿Por qué usar orientación vertical en los sliders?

Porque el mapeo mental es inmediato: abajo indica agotado y arriba lleno. Además, libera el centro para la acción.

¿Qué ajustes visuales mejoran el HUD?

Una estética consistente ayuda a leer rápido en VR. Mantén colores y fondos alineados con el significado: rojo para vida, azul para maná.

Cambiar fill area: vida en rojo, maná en azul para diferenciarlos al instante.
Fondo coherente: evita fondo rojo en la barra de maná; usa azul con transparencia mínima para que no distraiga.
Revisión con play: pulsa play y comprueba el efecto de vaciado de las barras en contexto VR.
Estilo de heads up display: si quieres, sumá más indicadores como energía o cansancio para un HUD tipo Dark Souls.

¿Cómo lograr contraste sin saturar?

Ajustá la transparencia del fondo: lo justo para ver el límite del slider sin competir con el color principal del relleno.

¿Cómo crear el script C# genérico MenuBar para sliders?

Nombre claro: MenuBar como script genérico reutilizable.
Importar la UI: using UnityEngine.UI para acceder a Slider.
Referenciar el componente: obtener el Slider con GetComponent.
Reutilización: arrastrá el mismo script a la barra de vida y a la de maná; no dupliques lógica.
Consistencia en enemigos: añadí MenuBar al slider dentro del prefab que contiene la barra de vida del enemigo.

using UnityEngine;
using UnityEngine.UI;

public class MenuBar : MonoBehaviour
{
    public Slider slider;

    void Start()
    {
        slider = GetComponent<Slider>();
    }
}

UnityEngine.UI: librería necesaria para trabajar con componentes de UI como Slider.
Slider: componente UI que representa la barra; se asigna por código con GetComponent.
Prefab: plantilla donde debes añadir el mismo comportamiento para que enemigos y personaje funcionen igual.

¿Te gustaría ver otras variaciones de HUD o automatizar el posicionamiento para distintos visores? contame qué configuración de VR usás y qué necesitas ver en pantalla.

El controlador del juego

Desarrollo de Realidad Virtual con Unity

Lanzamiento cursos Unity 2D y 3D en español

Configurar HTC Vive con Unity en Mac

Configurar Unity para realidad virtual

Renderizado y Controladores en Realidad Virtual con Unity

Creando nuestro mundo 3D en Unity

Crear terreno 3D en Unity con Standard Assets

Creación de Escenarios en Unity: Terreno y Erosión Realista

Texturización de terrenos en Unity: creación de entornos realistas

Cómo pintar árboles en Unity para VR

Añadir césped y efectos de viento en Unity 3D

Configurar skybox de seis lados en Unity

Integración de Armas y Escudo en Realidad Virtual con HTC Vive

El realismo del VR: Programando a nuestro personaje

Programación de Lógica de Armas en Realidad Virtual

Mapeado de controles HTC Vive en Unity

Controles VR: grip y gatillo en Unity

Configuración de Bolas de Fuego en Unity para Realidad Virtual

Disparo de bola de fuego en VR

Corrección de bugs: recarga y audio en armas Unity

Colliders y Rigidbody en el diseño de personajes y armas en Unity

Sistema de vida reutilizable en Unity

El realismo del VR: Creación de HUD (Heads Up Display) y generando enemigos

HUD en VR: canvas anclado a cámara

Configuración de Barras de Vida y Maná en Unity

Programación de Daño en Videojuegos: Lógica de Armas y Magia

Slider Unity: vida y maná en un script

Cómo configurar un dragón enemigo en Unity

Colliders y barras de vida para dragones

Animaciones de Muerte y Desaparición de Enemigos en Unity

Cómo crear oleadas de dragones con portal

El realismo del VR: Programando la IA de nuestro juego

Cómo crear waypoints en Unity para enemigos

Movimiento y Rotación de Personajes en Unity

Programación de IA de Dragones en Videojuegos

Programación de Animaciones de Ataque en Videojuegos con Unity

Sonido espacial 3D en Unity VR

Configuración de Barras de Vida y Maná en Unity