2.12 JUEGO - Inflando el Globo

Aquí, jugaremos un juego de inflar globos.

Después de hacer clic en la bandera verde, el globo se hará más y más grande. Si el globo es demasiado grande, explotará; si el globo es demasiado pequeño, caerá; necesitas juzgar cuándo presionar el botón para hacerlo volar hacia arriba.

../_images/13_balloon0.png

Componentes Necesarios

Para este proyecto, necesitaremos los siguientes componentes.

Es definitivamente conveniente comprar un kit completo, aquí está el enlace:

Nombre

ARTÍCULOS EN ESTE KIT

ENLACE

Kit de Inicio ESP32

320+

ESP32 Starter Kit

También puedes comprarlos por separado en los enlaces a continuación.

INTRODUCCIÓN DEL COMPONENTE

ENLACE DE COMPRA

ESP32 WROOM 32E

BUY

Extensión de Cámara ESP32

-

Protoboard

BUY

Cables Puente

BUY

Resistor

BUY

Botón

BUY

Lo Que Aprenderás

  • Pintar disfraz para el sprite

Construye el Circuito

El botón es un dispositivo de 4 pines, ya que el pin 1 está conectado al pin 2, y el pin 3 al pin 4, cuando se presiona el botón, los 4 pines se conectan, cerrando así el circuito.

../_images/5_buttonc.png

Construye el circuito según el siguiente diagrama.

  • Conecta uno de los pines en el lado izquierdo del botón al pin14, que está conectado a una resistencia de pull-down y un capacitor de 0.1uF (104) (para eliminar la fluctuación y emitir un nivel estable cuando el botón está funcionando).

  • Conecta el otro extremo de la resistencia y el capacitor a GND, y uno de los pines en el lado derecho del botón a 5V.

../_images/6_doorbel_bb.png

Programación

1. Añadir un sprite y un fondo

Elimina el sprite predeterminado, haz clic en el botón Elegir un Sprite en la esquina inferior derecha del área de sprites, luego selecciona el sprite Globo1.

../_images/13_balloon1.png

Añade un fondo Paseo Marítimo a través del botón Elegir un fondo, o cualquier otro fondo que te guste.

../_images/13_balloon2.png

2. Pintar un disfraz para el sprite Globo1

Ahora vamos a dibujar un disfraz de efecto de explosión para el sprite del globo.

Ve a la página Disfraces del sprite Globo1, haz clic en el botón Elegir un Disfraz en la esquina inferior izquierda, y selecciona Pintar para abrir un Disfraz en blanco.

../_images/13_balloon7.png

Selecciona un color y luego usa la herramienta Pincel para dibujar un patrón.

../_images/13_balloon3.png

Selecciona nuevamente un color, haz clic en la herramienta Rellenar y mueve el ratón dentro del patrón para llenarlo de color.

../_images/13_balloon4.png

Finalmente, escribe el texto BOOM, para que el disfraz de efecto de explosión esté completo.

../_images/13_balloon5.png

3. Programación del sprite Globo

Establece la posición inicial y el tamaño del sprite Globo1.

../_images/13_balloon6.png

Luego, permite que el sprite Globo se haga lentamente más grande.

../_images/13_balloon8.png

Cuando se presiona el botón (el valor es 1), el tamaño del sprite Globo1 deja de aumentar.

  • Cuando el tamaño es menor a 90, caerá (la coordenada y disminuye).

  • Cuando el tamaño es mayor a 90 y menor a 120, volará hacia el cielo (la coordenada y aumenta).

../_images/13_balloon9.png

Si el botón no ha sido presionado, el globo se hace lentamente más grande y cuando el tamaño es mayor a 120, explotará (cambia al disfraz de efecto de explosión).

../_images/13_balloon10.png