Cómo dije en el
artículo anterior, hoy vamos ha hablar de la
GUI, pero antes, cómo siempre:
Aquí tenéis el primer artículo para seguir el orden que hemos hecho para realizar este minijuego: en
Cómo hacer un videojuego en Unity(Introducción)
Recordemos por encima que la
GUI o HUD es aquella "pegatina" que tiene o ve la cámara en ciertos momentos del juego, ya sea la vida, las skills, los puntos, las balas, el nombre de los otros players, etc
Nosotros planteamos una
GUI muy sencilla:
Pero aún que sea sencilla hay que prepararla y programarla si no solo tendremos una imagen estática sin sentido.
Hasta hace poco se usaba un método basado únicamente en código sin posibilidad de ver en pantalla lo que estabas haciendo, solo se veía en tiempo de ejecución y cuando cambiabas el tamaño del visor se desmontaba todo.
Esto desde la versión 4.6 ha cambiado ¡¡GRACIAS!! y ahora funciona a través del
Canvas cómo un gameObject más en la escena.
Voy a seros sincero, el tutorial del propio
Unity3d sobre
Canvas está muy bien explicado:
aquí lo tenéis en inglés y
aquí en español.
Estaría bien que os lo leyerais, ya que yo voy a ir directamente al funcionamiento:
explicar cómo ponerlo en escena y cómo programar el Canvas.
Con lo que explicaré supuestamente os es suficiente para este minijuego, pero reitero que leáis los tutoriales de la web de
Unity3d.
Para empezar, debemos ir a GameObject-->UI->
Canvas
Acto seguido, añadimos el objeto Text de este modo: click derecho y:
Una vez tenemos el texto haremos lo mismo con
Image, seleccionamos las puntas de
ancor donde queremos que se vea "proporcional" a cada pantalla.
Cambiamos el color de la imagen y el texto (por ahora para probar si la medida del texto queda bien)
A por el código!!!!
Si has seguido todos los artículos esta parte de aquí te será muy sencilla:
Veamos las letras:
Lo único que tenemos que hacer es; IMPORTANTE
escribir:
using UnityEngine.UI; justo antes de declarar la clase, si no no nos aparecerán las opciones para trabajar con la
GUI.
Después declaramos dos variables publicas de tipo
Text con el nombre que deseemos.
Cuando lo tengamos, las iniciamos directamente en el Update (), ya que el valor que va a tener va a variar constantemente.
Cómo ya tenemos todo programado: el
cronometro y los
puntos solo tendremos que añadir dos lineas (señaladas con una cruz roja en la imagen)
Para escribir en el texto solamente pondremos el nombre de la variable "PUNTO text" y le daremos el valor, string, int, etc que queramos, en el caso de los puntos, es el valor de los mismos y el crono podemos aprovechar la linea del Debug.Log() y listo: darle al play y tiene que aparecer algo así:
La semana que viene modificaremos la escena de Menú para tocar un poco los botones y mantener la información de una escena a otra.
Artículo Anterior
