‫Bienvenido de nuevo.
‫Y en este video, veremos los elementos de la interfaz de usuario y, en particular, veremos
‫el texto.
‫Entonces he creado un nuevo proyecto.
‫Yo lo llamo Pong Basics.
‫Y aquí quiero crear un elemento de interfaz de usuario.
‫Entonces, en la jerarquía de ustedes, me aseguro de hacer clic derecho y luego voy a la interfaz de usuario.
‫Tengo múltiples opciones aquí.
‫Tengo una imagen de texto, un botón de imagen sin procesar, etc.
‫Por ahora solo voy a usar texto.
‫Y como puede ver, el nuevo texto aparece en nuestra pantalla aquí en la parte inferior izquierda.
‫Entonces, si nos alejamos a la posición correcta, veremos que aquí es donde está nuestro texto actualmente.
‫Está en la parte inferior izquierda.
‫Así que este es el modo de renderizado que tenemos para nuestro lienzo, que es la superposición de espacios verdes.
‫Entonces, lo que hace, superpondrá lo que asignemos a la capa de la interfaz de usuario o al espacio de la interfaz de usuario aquí en la parte superior de
‫nuestro modo de juego.
‫Es nuestra vista del juego en sí misma.
‫Así que ahora, no importa lo que tengamos allí como objetos de nuestro juego, o digamos que agregamos un cubo 3D y
‫una posición, tenía cero cero cero.
‫Aquí es donde está.
‫Y como puede ver, está en algún lugar por aquí.
‫Así que el modo de juego en sí es muy pequeño en comparación con esta enorme pantalla.
‫Esa es solo una capa enorme, que es nuestra capa de interfaz de usuario, nuestro lienzo, que se coloca encima.
‫Así que eso es lo que hace la superposición del espacio de la pantalla.
‫Hay otras opciones para, por ejemplo, cámara de espacio de pantalla.
‫Lo que hará es darle una cámara aquí, ejecutar la cámara y tomará un enfoque
‫diferente.
‫Así que ahora se basa en la ubicación actual de la cámara y tienes un lienzo determinado entre la cámara y el modo
‫de reproducción.
‫Y es casi como una capa en la parte superior, pero sigue siendo un enfoque ligeramente diferente.
‫Luego tiene WorldSpace donde puede asignar una altura y una altura específicas para su lienzo y puede hacer
‫algunos cambios de capa adicionales, etc.
‫Usaremos los diferentes modos de renderizado a lo largo del curso.
‫Entonces, en las palabras allí, las verá en detalle en los próximos videos o en los próximos capítulos.
‫Solo quería mostrarte rápidamente los diferentes modos.
‫Ahora, dentro del lienzo tenemos el texto y al mismo tiempo también hemos creado un sistema de eventos.
‫Entonces, cada vez que creamos una interfaz de usuario y no teníamos un elemento de interfaz de usuario antes, nuestro lienzo y sistema
‫de eventos se crean para nosotros directamente, automáticamente.
‫Y creé el texto.
‫Como puede ver, es un elemento secundario de nuestro lienzo, por lo que está dentro de nuestra carpeta de lienzo.
‫Y ahora podemos seguir adelante y cambiar el texto, por ejemplo.
‫Así que aquí tenemos un nuevo texto.
‫Cambiemos eso a un cero simple.
‫Y como puede ver, apenas podemos ver ese cero.
‫Así que cambiemos el tamaño de fuente a, digamos 50.
‫Y ahora podrías decir, oh, -, ¿a dónde se fue?
‫Ya no puedo verlo.
‫Eso tiene que ver con el hecho de que la altura y el ancho ya no encajan con el tamaño de la fuente.
‫Entonces nuestro texto.
‫El elemento en sí, o el elemento de la interfaz de usuario de texto tiene una altura de solo 30, por lo que solo si lo
‫aumento a cuatro, por ejemplo, 60, podré volver a ver mi número en mi texto.
‫Ahora, volvamos a 30 y digamos que todavía quiero mantenerlo en 30, pero todavía quiero ver mi cero, entonces, ¿cómo
‫puedo resolverlo?
‫De lo contrario, lo que puede hacer es usar overflow.
‫Entonces, el desbordamiento horizontal y el desbordamiento vertical harán que, como puede ver, su número siga apareciendo.
‫Ahora, sin embargo, está cortado.
‫Entonces, ¿cómo muevo mi cero mientras tú puedes moverlo desde aquí?
‫Así que alejemos el zoom hasta el punto en el que podamos ver algo para que puedas moverlo por aquí.
‫Como puede ver con nuestro editor de transformación aquí o con nuestras herramientas de transformación.
‫Ahora, puedes arrastrarlo y ver dónde está.
‫Otra forma de cambiar la posición de algo es, por supuesto, cambiar, transformar aquí directamente para
‫que pueda agregar valores aquí.
‫Entonces, podría decir que cero cero es la posición correcta para usted.
‫Ahora, el cero no está en el centro.
‫¿Porqué es eso?
‫Bueno, eso se debe a que la alineación de nuestro texto aquí no está centrada.
‫Entonces puede alinearlo centralmente en ambas direcciones y luego estará perfectamente centrado y aún puede
‫cambiar eso cambiando el ancla.
‫Así que aquí, por ejemplo, ahora es un ancla preestablecida en el centro.
‫Podrías anclarlo en la parte superior izquierda.
‫Así que ahora anclamos en la parte superior izquierda.
‫Como puede ver, nada ha cambiado excepto la publicación Y y la X, por lo que esos dos valores ahora han cambiado.
‫Entonces, si los devolvemos a cero y cero, puede ver que nuestro cero regresa o va perfectamente al
‫borde de nuestra esquina superior izquierda.
‫Ahora, por supuesto, querríamos moverlo un poco para que todavía veamos el cero, así que movámoslo a nuestro
‫juego ahora, el negro puede ser que no sea el color adecuado para ti.
‫Si desea cambiar eso, puede ir a la propiedad de color aquí y cambiar el color a, por ejemplo,
‫rojo o blanco o verde o lo que quiera.
‫Está bien.
‫Así que tomemos este rosa, porque encaja en el azul.
‫Lo vemos muy bien.
‫Y luego, lo que puede hacer es, por supuesto, cambiar el interlineado.
‫Digamos que tiene una segunda línea aquí.
‫Luego puede cambiar el espaciado de línea, así que digamos que desea tener una mayor distancia entre líneas, de modo que ese
‫es el espaciado de línea.
‫Uno está totalmente bien.
‫Y finalmente, por supuesto, puede cambiar la fuente en cualquier momento.
‫Entonces, el estándar es Israel y no hay más fuentes.
‫De forma predeterminada, puede descargar fuentes desde la tienda de activos o puede importarlas desde donde las
‫haya descargado.
‫Por ejemplo, los descarga a su máquina y luego puede importarlos desde allí.
‫Pero tenga cuidado de no descargar fuentes que no sean de su propiedad porque algunas fuentes en realidad cuestan dinero.
‫La mayoría de ellos no lo hacen.
‫Así que solo busque fuentes gratuitas o fuentes libres de derechos de autor y luego utilícelas.
‫Está bien.
‫Eso es sobre la fuente y el texto.
‫Y ahora echemos un vistazo a cómo podemos cambiar ese número mediante programación en el siguiente video.