Cómo diseñar y codificar una barra de salud en Unity3D

Cómo diseñar y codificar una barra de salud en Unity3D
Lectores como tú ayudan a apoyar a MUO. Cuando realiza una compra utilizando enlaces en nuestro sitio, podemos ganar una comisión de afiliado. Lee mas.

Pionero en algunos de los primeros videojuegos del mundo, la salud es una mecánica común que persiste en muchos de los títulos más populares de la actualidad. La salud hace posible emplear mecánicas de lucha complejas, crear una progresión del jugador y hacer que tu juego sea más intuitivo. Pero, ¿cómo agregas un sistema de salud a tus propios juegos?





Unity3D facilita agregar elementos de interfaz de usuario 2D a juegos 3D, por lo que es un excelente lugar para comenzar a explorar las barras de salud por primera vez.





Lo que vas a aprender

En la superficie, este proyecto puede no parecer complicado. A pesar de esto, deberá comprender varios conceptos clave de codificación de Unity3D para crear una barra de salud que funcione. Esto significa que hay mucho que aprender a medida que avanza en este proyecto, que incluye:





  • Cómo crear elementos/sprites de interfaz de usuario 2D en Unity3D.
  • Cómo editar componentes de objetos de juego con código.
  • Cómo compartir variables entre scripts en Unity3D.

Paso 1: configura tu escena

Antes de que pueda comenzar a codificar su barra de salud, necesita una escena con un modelo de jugador para que se aplique. Para empezar, puede seguir nuestro Guía del controlador de personajes Unity3D basada en la física para crear un modelo de jugador con controles básicos.

Con un modelo de escena y jugador en su lugar, es hora de agregar un elemento de interfaz de usuario. Haga clic derecho dentro de la ventana Jerarquía y seleccione interfaz de usuario > Imagen . Esto creará dos nuevos elementos en su jerarquía: un objeto principal Canvas y un objeto secundario Image. Cambie el nombre del objeto secundario a Healthbar. Elija un ancho, alto y posición para su barra de salud usando el inspector.



 la unidad agrega una imagen de interfaz de usuario

Puede agregar una imagen de interfaz de usuario un poco más grande con su color configurado en negro para que actúe como fondo/borde para la barra de salud. Solo asegúrese de que esté encima de la barra de salud en la jerarquía para que se muestre detrás de ella.

Este elemento de la interfaz de usuario funciona como base para su barra de salud, pero también necesita un sprite para animarlo. Vaya al panel Proyecto, haga clic con el botón derecho y seleccione Crear > 2d > duendes > Cuadrado .





 unidad agrega un nuevo sprite

Seleccione la Barra de salud de la jerarquía y arrastre el sprite que acaba de crear al cuadro de selección Imagen de origen dentro del inspector. También puedes cambiar Tipo de imagen a lleno, Método de relleno a horizontales, y Origen de relleno a la izquierda. Ahora, si ejecutas tu juego y usas el Cantidad de relleno deslizador, deberías ver cómo tu barra de salud se encoge y crece.

 agregar sprite como un componente de objeto