Está en la página 1de 21

En la semana pasada:

● Dimos nuestros primeros pasos


en Unity
● Identificamos los elementos
básicos de la interfaz del
programa
● Prototipamos distintas pantallas
colocando elementos de Unity e
imágenes en la jerarquía.
Creamos nuestro primer programa de C#
Gracias a C#:
- Accedemos a las
propiedades de los
elementos
(componentes)
- Podemos crear
funciones para
manipular la
apariencia de
nuestra app
Utilizamos variables públicas
para que Unity pueda mostrarlas
modificarlas
Conociendo la interfaz de Unity
Recordemos las secciones principales, ahora veamos algunos
ejemplos de su uso:
En el inspector
personalizamos
nuestros
componentes:
Desde cambiar el color, la fuente, el
tamaño o la alineación de un texto, hasta
controlar la posición relativa de cualquier
elemento, el inspector nos permite
cambiarlo y ver en tiempo real nuestras
modificaciones.
En la vista de escena
colocamos los
elementos desde
nuestra carpeta de
assets y controlamos:
● Su posición en pantalla

● El tamaño de los elementos

● El texto predeterminado

● Capas de visualización
Ejemplo Texto:
En este caso podemos
ver como al activar la
función “Best Fit” nos
permite colocar un
mínimo y un máximo de
píxeles para que nuestro
texto cambie de tamaño
según el objeto en el que
se encuentre.
Organizar nuestro proyecto:
Es importante organizar nuestros Assets en
carpetas, conforme avanza el desarrollo es posible
que nos encontremos con muchos archivos, y es
mejor organizar desde el comienzo.
Configurar el
Canvas:
Es importante configurar
el tamaño correcto de
nuestro Canvas cuando
comenzamos a trabajar
con botones, en este
caso lo hacemos con un
tamaño de 1200 x 1920
para vista vertical
Script básico para cambiar de pantalla
Script básico para cambiar de pantalla
Para cambiar de
pantalla:
● Necesitamos las dos
pantallas en el espacio de la
escena

● Guardar la posición de las


pantallas que se van a
utilizar

● Conectar los botones a las


funciones de nuestro script

● Comprobar que nuestros


botones funcionan múltiples
veces
En el inspector:
Debemos colocar la
referencia de nuestra
segunda pantalla en nuestro
script.

Así como agregar nuestro


objeto vacío códigos dentro
de los botones
correspondientes,
seleccionando la función a
utilizar.
Recordemos que tenemos
un folder de drive para
consultar nuestras
grabaciones
https://drive.google.com/drive/folders/13c0urgEJawF0fB5L2i
XM3Bopu5GPJNP9
Actividad: Creando un Login
Funcional
Bibliografía
• Todas las capturas de • Foto del slide 17
pantalla fueron tomadas https://unity.com/es/features/mob
ile de Unity 3D
directamente del programa
Unity 3D • Foto del slide del break
https://unsplash.com/photos/UAvY
https://unity.com/ asdkzq8 de Lukas Blazek
Tomemos un break Regresamos
12:20 PM
Espacio para capturas de Unity

También podría gustarte