‫Bienvenido de nuevo al capítulo de Pong y este video, vamos a comenzar con el menú principal de nuestro juego y,
‫por lo tanto, simplemente necesitamos crear un nuevo proyecto.
‫Así que abre y luego presiona el botón nuevo y crea un nuevo proyecto.
‫Vamos a llamar a ese clon de Pong, y será un juego de dos días, por lo que podemos
‫elegir morir aquí como organización.
‫Puede dejarlo como está.
‫Y luego creamos el proyecto que puede tomar un par de segundos, pero luego, tan pronto
‫como esté hecho, unity se reiniciará con un nuevo proyecto tan pronto como el proyecto se haya abierto.
‫Podemos ver, como siempre, una escena sin título al principio porque aún no hemos guardado la escena y
‫tenemos la cámara principal.
‫En mi caso, tengo un diseño, que es, como puede ver con el inspector en el lado derecho.
‫Entonces tenemos la jerarquía en la parte inferior.
‫Tenemos el proyector y los grifos de la consola.
‫Y en el medio tengo mi juego y mi escena.
‫En mi escena, solo veo la cámara.
‫No tiene ningún trasfondo, como puede ver en la pestaña del juego, que el juego realmente tenga un trasfondo.
‫Así que comencemos cambiando nuestra cámara principal.
‫Quiero que el fondo sea blanco, así que hago clic en la cámara principal aquí en el lado derecho en el
‫inspector, pueden ver que hay un componente de la cámara.
‫Y dentro de ese componente de la cámara hay una propiedad llamada background.
‫Y allí podemos optar por cambiar el fondo a blanco, por ejemplo.
‫Es ahora que lo cambio a blanco y pueden ver que nuestro juego ha cambiado a blanco.
‫Y lo que también puedes ver es que dentro de la escena, nada ha cambiado.
‫Y también lo que es una configuración importante que hemos hecho con solo elegir 2D como configuración de nuestro juego, es que este
‫botón 2D aquí en el lado izquierdo, en la parte superior está activado.
‫Puede desactivarlo en cualquier momento solo para ver cómo se verían las cosas en 3D.
‫Eso es lo que es la cámara aquí y se ve hacia el final allá.
‫Tiene un componente de transformación con la posición Z menos diez.
‫Si elijo cero, puede ver que cambia un poco el valor.
‫Entonces nuestra cámara se mueve hacia esta área.
‫Está bien.
‫Así que volvamos a D, porque eso es lo que vamos a usar.
‫Y sigamos adelante y creemos una cotización dentro de nuestra cámara principal.
‫Entonces.
‫Derecha.
‫Haga clic en la cámara principal en el lado derecho y cree un objeto 3D llamado quod.
‫Con eso creas un cuadrado por ahora y lo vamos a escalar.
‫Así que quiero escalarlo a mil seiscientos para mi valor X y novecientos para mi valor Y porque
‫eso es seis a nueve.
‫Creo que es una buena escala, lo que está muy bien para nosotros.
‫Es una escala de sesenta a nueve que utilizan la mayoría de los monitores.
‫Y luego cambio el nombre del quad y lo llamo fondo.
‫Si hacemos un alejamiento podemos ver que nuestra cámara es bastante pequeña en comparación con nuestro quad.
‫Entonces, lo que tenemos que hacer es escalar nuestra cámara cuando luego el componente de la cámara, puede
‫ver que hay un tamaño de cinco y podemos escalarlo hasta 450 soldados y 450.
‫Y ese es prácticamente todo el tamaño que toma nuestro fondo también.
‫Ahora, el fondo es blanco y ese es el fondo de nuestro color, de nuestra cámara.
‫Pero nuestro fondo en sí todavía no tiene ningún color.
‫Como puede ver aquí, hay un componente llamado material predeterminado, que está vacío.
‫Es genial y tiene un gran material predeterminado.
‫Entonces no hay ningún valor predeterminado.
‫Entonces no hay material en absoluto.
‫Y si desea cambiar eso, simplemente podemos crear un nuevo material.
‫Y voy a llamar a ese negro.
‫Y ahora en el inspector después de haber elegido el material negro aquí, pueden ver en el lado derecho,
‫el inspector dice que el albedo del mapa principal se le dice a White.
‫Si lo cambié a negro, entonces adquiere este color negro.
‫Y si activo las emisiones, puedo hacerlo súper negro.
‫Si no activa las emisiones en este caso con un negro, no hace mucha diferencia.
‫Pero en otros colores podría marcar la diferencia.
‫Entonces puedes ver aquí con la emisión, puedes cambiar un poco el color negro.
‫Aun así, voy a elegir el negro aquí y ahora puedo arrastrar ese negro a mi fondo.
‫Como puede ver ahora, mi fondo es negro.
‫Pero eso es solo en la escena.
‫¿Por qué no está en el juego y el juego sigue siendo blanco y eso tiene que ver con el valor de nuestra
‫cámara principal en comparación con nuestro fondo?
‫Para cambiar eso, necesitamos cambiar el valor de nuestro fondo tan pronto como sea mayor
‫que, digamos, dos, por ejemplo, ya es negro.
‫Así que la colocaremos en el mismo lugar que nuestra cámara principal por ahora.
‫Así que pongámoslo en 10 ahora.
‫Mira, tenemos este fondo negro y podríamos cambiar el fondo en cualquier momento si cambiamos el material.
‫Entonces, si agregamos otro material a nuestro fondo o si lo mueves para que puedas ver aquí ahora, el material
‫ha sido elegido y está completamente negro, ya que esta escena será nuestro menú principal.
‫También deberíamos guardarlo así.
‫Así que sigamos adelante y guardemos como escenas seguras y lo llamamos menú principal.
‫Salvémoslo.
‫Ahora, como ve en la parte inferior izquierda, ya tenemos nuestra escena preparada y aquí está seguro.
‫Puede considerar escenas como en, por ejemplo, el teatro.
‫Entonces, una escena es, por ejemplo, una escena de acción en la que varias personas luchan entre sí.
‫Y en la siguiente escena, tienes una escena muy relajada en la que la gente solo está conversando
‫y esas diferentes escenas también puedes ver en unidad, por ejemplo, una escena es el menú principal.
‫Bueno, puedes simplemente relajarte y elegir y luego tienes la escena del juego en la que realmente juegas.
‫Y luego podrías tener un juego supervisado en el que, por ejemplo, solo veas tu puntaje o podrías ver quién
‫ganó ese tipo de cosas.
‫Y así es como usaremos las escenas en general.
‫Entonces, por ejemplo, varios niveles diferentes en un videojuego podrían ser escenas diferentes.
‫Entonces, cada nivel podría ser una escena diferente, dependiendo de cómo configures las cosas.
‫Está bien.
‫Así que ahora agreguemos algunos elementos de la interfaz de usuario a nuestro juego.
‫Lo que quiero, me gustaría añadir es un texto, por ejemplo, con el nombre o el título del juego.
‫Así que agregué el texto y, como puede ver aquí, automáticamente creó un lienzo y un sistema de eventos dentro
‫del lienzo.
‫Eso es lo que puedes ver aquí.
‫En el lado izquierdo, tenemos una capa adicional.
‫Así que es una capa superior a nuestro juego en general.
‫Eso significa que nuestro lienzo no tiene nada que ver con los objetos del juego dentro del juego.
‫Realmente solo se ocupa de los elementos de la interfaz de usuario, como texto, botones o imágenes.
‫Entonces, esto es lo que todos pueden manejar en el lienzo, ya que un lienzo no es el nombre perfecto para lo
‫que quiero tener.
‫Lo cambiaré para que sea el menú principal porque eso es lo que es.
‫Entonces, el texto que puede ver aquí en la parte inferior izquierda es mutex.
‫Ahora es simplemente genial o es bastante bueno y podemos cambiarlo muy fácilmente cambiando el color
‫de nuestro texto a blanco.
‫Así que ahora tenemos el nuevo texto en el lado izquierdo en blanco.
‫Ahora, quizás te preguntes por qué el lienzo es tan pequeño en comparación con todo el juego, eso se debe a que hice
‫el juego bastante grande.
‫Esa es una de las razones por las que normalmente tienes el juego en un área muy pequeña y luego tienes
‫el lienzo en una capa grande, grande y diferente en una escala completamente diferente.
‫Pero en mi caso, me gustaría que tuviera exactamente el mismo tamaño que mi fondo y mi cámara principal.
‫Tengo los medios necesarios para cambiar los valores de mi menú principal.
‫Entonces hago clic en el menú principal, voy al componente de lienzo y allí lo cambio a cámara de espacio de pantalla y
‫arrastro en mi cámara principal.
‫Y ahora cambio el kaylor de lienzo de escala a escala con pantalla.
‫Entonces, si quisiera compartir con el tamaño de pantalla que tomo aquí, la resolución de desreferenciación de
‫mil seiscientas veces 900 y el modo de coincidencia de pantalla se debe gastar de esta manera, nuestro modo de pantalla siempre se expandirá en función de
‫qué tan grande es la pantalla y cómo cambios de pantalla.
‫Ahora busquemos el texto.
‫Si miramos el texto, es bastante pequeño.
‫No podemos verlo y tiene una posición diferente, escalarlo un poco más pequeño para el ancho que tomo quinientos
‫para la altura que tomo doscientos y como tamaño de fuente me gustaría tomar 150.
‫Ahora tenemos el problema de que no vemos el texto.
‫Porqué es eso.
‫Eso se debe a la distancia plana de nuestro lienzo.
‫Entonces, si lo cambiamos a uno, entonces podemos ver nuestro texto aquí.
‫Cambiemos el nombre del texto porque no es el texto que quiero tener aquí.
‫Quería ser el título porque no es solo un texto, es realmente el título y el texto del
‫título debería ser ponderado.
‫Ahora bien, la posición no es muy agradable.
‫Me gustaría que estuviera centrado.
‫Entonces uso el valor de la posición X de cero y luego puede cambiar el valor de la posición Y a cero, por ejemplo,
‫también.
‫Y luego tienes el ponged justo en el centro.
‫Si desea moverlo hacia arriba ahora, puede hacerlo aquí en el lado izquierdo eligiendo la herramienta adecuada
‫para él y luego simplemente arrástrelo hacia arriba.
‫Ahora puede ver que se está moviendo hacia la cima y creo que un gran valor sería 300.
‫Así que ahora tenemos Pong en el centro en la parte superior con suficiente espacio en la parte superior.
‫Y luego, debajo de eso, me gustaría tener el botón de reproducción.
‫Y para agregar el botón de reproducción, debemos hacer algo muy similar a lo que hicimos con el título.
‫Vamos a nuestro menú principal y hacemos clic derecho.
‫UI, y luego elegimos Botón, pueden ver nuestro botón, ya está allí, está automáticamente allí.
‫Y me gustaría cambiar el tamaño del botón a doscientos como ancho y 100 como alto.
‫Así que ahora tenemos nuestro botón y no creo que esta sea una gran interfaz.
‫Me gustaría cambiarlo de la siguiente manera.
‫Cambio el color de la imagen.
‫Lo cambio a negro, por ejemplo, y ahora casi no vemos el texto.
‫Es muy, muy pequeño porque está dentro de esta propiedad aquí y tiene un gran color gris oscuro que se puede ver aquí
‫a la izquierda.
‫Y lo cambio a ser blanco.
‫Ahora, por supuesto, también necesitamos cambiar el tamaño de fuente, por ejemplo, a 120.
‫Y si haces eso, ves que de repente desaparece y ya no puedes verlo.
‫Eso es porque nuestro botón acaba de tener el tamaño de 100.
‫Si voy, por ejemplo, a la una y media y cambio el desbordamiento vertical a, por ejemplo, desbordamiento, puede ver
‫que así es como se ve nuestro botón ahora.
‫Entonces es demasiado grande.
‫Y esto es algo que siempre debes probar.
‫A veces utilizas un tamaño de fuente que no encaja con el tamaño del objeto del juego en sí.
‫Entonces, en este caso, el objeto del juego tiene solo una altura de ciento treinta, pero Button necesita mucho más
‫espacio.
‫Entonces, por ejemplo, si lo escala ahora a 300, puede ver que el botón aún se desborda.
‫Si lo cambiamos a 400, ese es un tamaño adecuado para nuestro botón.
‫Y ahora podemos arrastrar nuestro botón hacia abajo, por ejemplo, menos doscientos.
‫Creo que debería ser un buen valor.
‫Y lo que no me gusta es que Pong no está centrado, por lo que el texto no está centrado,
‫aunque sea propietario.
‫Entonces, es el título del objeto del juego, su elemento de la interfaz de usuario está centrado y podemos cambiar eso cambiando la alineación.
‫Entonces, si cambiamos la alineación para que esté centrada, el texto también estará centrado.
‫Ahora eso está bien en términos de tamaño y tamaño de fuente y el color y así sucesivamente.
‫En primer lugar, por supuesto, necesitamos el texto sin formato aquí.
‫Y a continuación, lo que sí necesitamos es una fuente mejor porque Israel está bien, pero es tan, tan estándar.
‫No es realmente un tipo de fuente de juego.
‫Entonces, lo que podemos hacer es buscar en Google fuentes agradables para juegos.
‫Y una que me gusta es la tipografía Monroe, tipografía Monroe.
‫Y si busco eso, puedes encontrarlo en diez a las diez por veinte puntocom.
‫Así que abramos eso y verás que es gratis y puedes usarlo libremente para tus juegos.
‫Luego puede ver cómo se ve en diferentes fuentes y diferentes tamaños, etc.
‫Y descargaré esa fuente ahora y la descomprimiré y luego encontrarás estos tres archivos.
‫Entonces, el Monroe Monroe se estrecha y el Monroe pequeño, puede arrastrarlos todos y si lo desea.
‫Pero solo voy a usar Monroe 224th, así que lo arrastro allí.
‫Y ahora lo que puedo hacer es cambiar la fuente de mi.
‫Vino fácilmente arrastrando la fuente Monroe allí, y puedes ver que se ve mucho mejor.
‫Hago lo mismo con el título, así que vamos a arrastrarlo allí.
‫Y están arrastrando de esta manera.
‫Una forma de hacerlo.
‫Otra forma de hacerlo es simplemente presionar este pequeño círculo aquí en el lado derecho y luego podrá ver todos
‫los activos que están disponibles.
‫Y puedo, por ejemplo, elegir a Monroe aquí.
‫Y ahí estamos.
‫Así que ahora tenemos nuestra primera parte de nuestro juego, que es nuestro menú principal.
‫En el siguiente video, agregaremos una funcionalidad de botón de reproducción.
‫Hasta ahora tenemos la interfaz de iniciamos el juego y maximizamos el juego.
‫Así es como se vería de modo que estamos pong y play y es un botón, pero
‫no podemos presionarlo y si desea presionarlo, necesitamos crear un guión.
‫Entonces necesitamos hacer algo de codificación.
‫Y eso es lo que vamos a hacer en el siguiente video.
‫Así que guarde la escena, asegúrese de guardar siempre sus escenas porque de lo contrario los cambios que
‫ha realizado no estarán disponibles y luego pase al siguiente video.
‫Está bien.
‫Te veo allí.