El mio esta asi por ahora
Introducción
Bienvenida y presentación del proyecto
Instalación de los SDKs
Empezando Nuestro Proyecto
Inicializar el proyecto
Control de versiones
Importando nuestros assets
Teoría de Gameplay
Como resolver problemas de gameplay
Match 3 simplificado
Mecánica Principal
Creando la cuadrícula
Ajustando la cámara
Sistema de coordenadas para instanciar las piezas
Instanciando las piezas en la cuadrícula
Moviendo las piezas
Intercambiando las piezas de lugar
Permitiendo solo ciertos tipos de movimientos
Creando las funciones del match 3
Usando el match 3 en nuestro juego
Eliminando los matches por defecto
Colapsando las piezas
Match 3 combo
Rellenando las piezas
Mejorando la animación de las piezas
Publicacion
Momento del primer build para Android
Momento del primer build para iOS
Diseño del juego
Hablemos de diseño
Agregando un sistema de puntos
Sistema de tiempo
Interfaz para el sistema de tiempo
Creando sistema de UI
Pantalla de game over
Agregando funcionalidad a la pantalla de game over
Reiniciando el juego
Agregando audio
Terminando el juego
Conclusiones
Conclusiones del curso
No tienes acceso a esta clase
¡Continúa aprendiendo! Únete y comienza a potenciar tu carrera
El diseño de juegos en Unity ofrece un mundo de posibilidades para personalizar la experiencia del usuario. En esta clase, exploraremos cómo agregar un elemento visual que le indicará al jugador cuánto tiempo le queda antes de completar un objetivo: una barra de tiempo. Este tipo de indicador no solo mejora el feedback que obtiene el jugador, sino que también intensifica la urgencia y el desafío del juego.
Para empezar, necesitarás crear una imagen en Unity que servirá como el fondo de la barra de tiempo. Sigue estos pasos para configurarla correctamente:
Crear la imagen: Selecciona tu elemento general de UI, haz clic derecho y selecciona UI > Image
. Nombra esta imagen "time bar".
Configurar las propiedades visuales:
Stretch
en la parte superior.Agregar una barra interna: Dentro de la barra de tiempo, crea una segunda imagen mediante UI > Image
. Nómbrala "Fill", y configúrala para que sea la encargada de mostrar el tiempo restante.
Una vez que tengas la barra visual en su lugar, es tiempo de agregar lógica para que su tamaño y color se ajusten dinámicamente según el tiempo restante. Aquí te explicamos cómo hacerlo:
Crear un script C# nuevo: Haz clic derecho en la carpeta de scripts y selecciona Nuevo Script de C#
, nómbralo "UI Time Bar".
Configurar el script:
Start()
y en su lugar declara tres propiedades principales:
public RectTransform fillRect;
public Image fillColor;
public Gradient gradient;
UnityEngine.UI
.Implementar la lógica de actualización:
Update()
, calcula el factor de tiempo restante:
float factor = GameManager.instance.currentTimeToMatch / GameManager.instance.timeToMatch;
factor = Mathf.Clamp(1 - factor, 0, 1);
fillRect.localScale = new Vector3(factor, 1, 1);
fillColor.color = gradient.Evaluate(factor);
Tras implementar el script, regresa a Unity para configurarlo y verificar que funcione correctamente:
Asigna las referencias:
Rect Transform
y la Image
de "Fill" a los campos fillRect
y fillColor
respectivamente.Gradient
para que varíe del verde al rojo, pasando por el amarillo a mitad de camino.Prueba el juego:
¡Y ahí lo tienes! Una barra de tiempo en tu interfaz que le proporcionará al jugador la información necesaria para medir el tiempo restante en sus partidas. Innovar y crear diferentes formas de representación visual del tiempo puede enriquecer muchísimo la experiencia de juego. ¿Tienes alguna idea creativa? ¡Nos encantaría ver tu interpretación! Comparte una captura de pantalla de tu proyecto en los comentarios.
Aportes 4
Preguntas 0
El mio esta asi por ahora
Por ahora mi juego se ve así:
Se ve genial!
¿Quieres ver más aportes, preguntas y respuestas de la comunidad?