Curso de Unity 3D | Acierta imagen

Curso de Unity 3D

3.  
5.  
18.  
21.  
22.  
40.  

Por 9.99€ al mes tendrás acceso completo a todos los cursos. Sin matrícula ni permanencia.

Dadas 3 imágenes alineadas horizontalmente en un panel inferior y una imagen superior centrada, si pulsamos en una imagen del panel que coincide con la superior, se disparará una traza.

Pasos en la realización del juego Acierta Imagen con Unity 3D

Cargamos la imagen de fondo

imagen de fondo del juego acierta imagen

Cargamos tres imágenes abajo y una posible solución arriba

unity 3d la imagen coincide

Detectar pulsación sobre las imágenes de abajo

Volvemos a repetir los pasos para escuchar la pulsación sobre un objeto en escena.

Comprobar si el sprite pulsado coincide con el sprite solución

while(premium == false) verCodigo = false;

Para poder ver el código fuente, accede o suscríbete.

Suscríbete

Generar sprites aleatorios arriba y abajo

while(premium == false) verCodigo = false;

Para poder ver el código fuente, accede o suscríbete.

Suscríbete

La solución ya no es siempre el primero, es aleatoria

while(premium == false) verCodigo = false;

Para poder ver el código fuente, accede o suscríbete.

Suscríbete

Las posibles soluciones no deben estar repetidas

while(premium == false) verCodigo = false;

Para poder ver el código fuente, accede o suscríbete.

Suscríbete

TextMeshPro

Esta entidad nos permite introducir texto en pantalla.

3D Object → TextMesh Pro – Text

En el siguiente pantallazo…

Textmeshpro
  • El cuadrado verde es el boxcollider del TextMeshPro.
  • El cuadrado con vértices azules delimita los límites del area de margen que puedes cambiar en el propio componente en Extra Settings -> Margins
  • El cuadrado amarillo es el area del texto.

A veces el icono [T] del TextMeshPro molesta un poco en pantalla. Para desactivarlo, podemos ir a Desplegable Gizmos -> TextMeshPro -> Pulsamos sobre la foto del icono [T].

Muestra un marcador

Utilizaremos un objeto 3D que nos permitirá no recurrir al canvas.

Insertaremos dos objetos, uno para la palabra fija pts y otra para el marcador en si misma.

Curso de Unity 3D | Acierta imagen 1

Cargar una tipografía

Menú window → TextMeshPro → Font Asset Creator -> Arrastramos y soltamos la fuente en Source Font File -> Generate Font Atlas -> save -> El fichero creado es el que puedo arrastar y soltar en el inspector para poder usarlo.

Cuando dentro del inspector, editmos el material de la fuente, realmente estaremos editando el material de todos los casos en los que se esté usando esta fuente.

LLamar a un método de otra clase para aumentar el marcador

Face.cs
while(premium == false) verCodigo = false;

Para poder ver el código fuente, accede o suscríbete.

Suscríbete

Volver a cargar las imágenes en cada turno

Haremos esto para volver a pintar imágenes cada vez que acertamos.

Temporizador

Crear una corrutina para decrementar el contador de tiempo 1 unidad a cada segundo.

Perder el juego

Añadir la programación necesaria para que si se agota el tiempo o el usuario no escoge la solución correcta, se lance una nueva escena indicando que el jugador ha perdido.

Por 9.99€ al mes tendrás acceso completo a todos los cursos. Sin matrícula ni permanencia.