‫Oye, bienvenido de nuevo.
‫Estamos listos para mostrar nuestro tiempo de cuenta regresiva en el widget real.
‫Hasta ahora, solo estamos usando nodos de cadena de impresión para saber cuánto tiempo queda.
‫Pero necesitamos configurar el texto en el widget.
‫Así que vamos a mostrar el tiempo de cuenta regresiva en el widget de este video.
‫Ahora estoy de vuelta aquí en WP Start Game Widget y vimos que agregamos algo de texto a este widget.
‫Y hay un par de cosas que debemos cambiar con este widget de texto para que podamos editar
‫el texto dinámicamente.
‫Lo primero que me gustaría hacer es con el widget de texto seleccionado aquí.
‫Aquí, en el panel de detalles, hay un nombre para este texto y está configurado con un nombre predeterminado, que no
‫es muy descriptivo.
‫Así que me gustaría cambiar el nombre de esto y llamemos a este texto de visualización ahora justo al lado de este bloque de texto, podemos
‫ver esta casilla de verificación que dice es variable.
‫Ahora no está comprobado.
‫Y si volvemos a la sección del gráfico de eventos, no vemos este widget de texto como una variable aquí.
‫Pero si volvemos al diseñador y comprobamos que este cuadro de texto es variable, una vez que volvamos al
‫gráfico, veremos que el texto de visualización ahora está visible en la sección de variables y podemos hacer clic y arrastrar y hacer clic
‫en obtener texto de visualización aquí y ahora tenemos acceso a este nodo, lo que significa que podemos cambiar el texto.
‫Ahora me gustaría arrastrar esto hasta el Caso tres en nuestra declaración de cambio donde estamos imprimiendo la cadena.
‫Prepárese para la pantalla ahora en lugar de usar una cadena de impresión, me gustaría configurar el texto para nuestro
‫widget de texto y puedo hacerlo arrastrándolo desde su lápiz de salida y escribiendo el texto establecido.
‫Y aquí vemos un texto establecido entre paréntesis nodo de texto.
‫Si hago clic en eso, obtengo un nodo de texto establecido y aquí hay una entrada llamada en texto.
‫Ahora toma un valor de entrada de tipo texto, pero también podemos hacer clic en el cuadro de texto aquí y codificar el valor en
‫el que nos gustaría establecer el texto.
‫Así que voy a escribir prepárate.
‫Y en lugar de usar esta cadena de impresión, voy a eliminar esa cadena de impresión y arrastrar el
‫cable de ejecución del caso tres al pin de ejecución de entrada para el nodo de texto establecido.
‫Ahora, si compilo y le doy al play, veré que dice Get ready, que es el mismo texto que era
‫antes.
‫Así que no se ve diferente, pero podemos probar que está usando el texto en el nodo de texto establecido.
‫Al cambiar esto, agregaré un par de signos de exclamación.
‫Así que hay tres de ellos.
‫Y ahora, si le doy al play, veo tres signos de exclamación.
‫Entonces, este nodo está, de hecho, configurando el texto para nuestro widget de texto.
‫Así que voy a desafiarte a configurar el texto para que podamos imprimir un mensaje diferente para cada
‫uno de los casos en nuestra declaración de cambio para tres, puedes dejarlo en preparación para imprimir el texto en la
‫pantalla para uno , imprima uno y para cero.
‫Me gustaría que imprima go ahora para el caso predeterminado, que es cuando se nos acaba el tiempo, simplemente imprima una cadena
‫vacía, lo que significa que puede dejar en blanco ese cuadro de texto de entrada.
‫Así que pause el video y elimine esas cadenas de impresión y reemplácelas con un nodo de texto establecido.
‫Y no olvide conectar la entrada al nodo de texto establecido.
‫El valor de nuestro widget de texto.
‫Pausa el video y haz esto ahora.
‫Así que me gustaría usar este nodo de texto establecido y voy a resaltar ambos nodos para que
‫estén seleccionados y presionen el control.
‫D Para copiar eso y voy a usar el caso cero.
‫Voy a conectarlo directamente al nodo de texto establecido.
‫Y en lugar de imprimir go con una cadena de impresión, imprimiré go configurando el texto para ir y ahora
‫puedo eliminar esta cadena de impresión.
‫Ahora necesito configurar el texto para los casos uno y dos.
‫Así que voy a copiar este nodo de texto establecido y conectar un caso y simplemente imprimir uno y eliminar esa cadena de
‫impresión.
‫Ahora, voy a quitar estos nodos para poder agregar otro nodo de texto establecido y
‫conectar dos a este y usar dos como texto.
‫Y puedo eliminar esa cadena de impresión y finalmente puedo reemplazar el juego de inicio con una cadena vacía.
‫Así que voy a conectar el valor predeterminado a otro texto establecido y simplemente no usaré texto para que no
‫configuremos el texto en nada.
‫Ahora voy a eliminar esa cadena de impresión, compilar y jugar y está el temporizador de cuenta regresiva y desaparece
‫tan pronto como comienza el juego.
‫Así que eso es exactamente lo que buscábamos.
‫Ahora, un par de cosas.
‫Una es que volveré a la pestaña del diseñador y me desplazaré hacia abajo con el texto seleccionado.
‫Voy a desplazarme hacia abajo hasta la apariencia y verán que tenemos esta justificación y está justificada a la
‫izquierda, por lo que el dos y el uno se imprimen ligeramente a la izquierda.
‫Pero si selecciono un centro de texto de línea ahora, si presiono reproducir, veré que mi texto está alineado en el medio.
‫Ahora podemos darle una sombra a nuestro texto.
‫Aquí vemos el color de la sombra.
‫Podemos seleccionar eso y podemos darle al texto su propia sombra.
‫El alfa se establece en cero, pero si lo arrastro hasta uno ahora tengo una sombra y ahora nuestro texto
‫tendrá una sombra negra.
‫Si hago clic en reproducir, puedo ver que mi texto es un poco más visible gracias a esa sombra.
‫Así que esto es genial.
‫Volvamos a la pestaña Gráfico y ahora sabemos que estamos configurando el texto en función de nuestro tiempo de
‫cuenta regresiva.
‫Ahora, todo esto sigue sucediendo, cada fotograma del juego, ya que está conectado al evento
‫TIC.
‫Pero la verdad es que realmente no necesitamos que este widget exista incluso después de que hayan transcurrido los 3 segundos.
‫Si hubiera una manera de deshacerse de todo este widget y eliminarlo, sería más ideal que simplemente establecer
‫el texto en una cadena vacía.
‫Entonces, para hacer eso, lo que podemos hacer en lugar de configurar el texto es eliminar este widget de la ventana gráfica.
‫Y para hacer eso usamos un nodo llamado remove from parent.
‫Entonces, creando una eliminación del nodo principal y eliminando el nodo de texto establecido.
‫Luego, cuando lleguemos al caso predeterminado, que es cuando transcurrieron esos 3 segundos, este nodo dará como
‫resultado que se elimine el widget y ninguna de estas funciones de marca volverá a suceder porque
‫el widget desaparecerá.
‫Por lo tanto, esto se encarga de eliminar el widget una vez que se agota el tiempo y el jugador puede comenzar
‫a jugar.
‫Así que ahora mostramos el tiempo de cuenta regresiva en nuestro widget, lo que significa que está muy claro cuándo comienza el
‫juego y cuánto tiempo debe pasar antes de que el jugador pueda comenzar a mover el tanque.
‫Esto es genial.
‫Así que volvamos a nuestro plan de sección.
‫Vemos que hemos creado nuestro tanque que puede moverse por todo el mundo y manejar la entrada.
‫Hemos creado una clase de torreta enemiga llamada Torre en C++ y hemos agregado funcionalidad de disparo con proyectiles.
‫Tenemos salud y daño, así como destrucción en nuestro juego.
‫Ahora todavía necesitamos agregar efectos especiales y necesitamos mostrar cuándo ganamos o perdemos el juego usando las pantallas
‫HUD, ahora hemos visto cómo usar las pantallas HUD.
‫Así que esto debería ser una tarea relativamente simple.
‫Así que casi hemos terminado con este juego.
‫Felicidades.
‫Te veré en el próximo video.