2.18 JUEGO - No Toques la Baldosa Blanca¶
Estoy seguro de que muchos de vosotros habéis jugado a este juego en vuestros teléfonos móviles. Este juego se juega tocando baldosas negras que aparecen al azar para sumar puntos, la velocidad se va incrementando, tocar una baldosa blanca o perder una negra significa el fin del juego.
Ahora utilizaremos PictoBlox para replicarlo.
Inserta dos módulos de evitación de obstáculos IR verticalmente en la placa de pruebas, cuando tu mano está colocada sobre uno de los módulos IR, aparecerá un punto parpadeante en el escenario, representando que se ha hecho un toque.
Si el toque es a la baldosa negra, la puntuación aumenta en 1, tocar la baldosa blanca, la puntuación disminuye en 1.
Necesitas decidir si colocar tu mano sobre el módulo IR de la izquierda o sobre el de la derecha, dependiendo de la posición de la baldosa negra en el escenario.
Componentes Necesarios¶
Para este proyecto, necesitaremos los siguientes componentes.
Es definitivamente conveniente comprar un kit completo, aquí está el enlace:
Nombre |
ELEMENTOS EN ESTE KIT |
ENLACE |
|---|---|---|
Kit de Inicio ESP32 |
320+ |
También puedes comprarlos por separado en los enlaces a continuación.
INTRODUCCIÓN AL COMPONENTE |
ENLACE DE COMPRA |
|---|---|
- |
|
Construir el Circuito¶
El módulo de evitación de obstáculos es un sensor de proximidad infrarrojo ajustable en distancia cuya salida es normalmente alta y baja cuando se detecta un obstáculo.
Ahora construye el circuito según el diagrama a continuación.
Programación¶
Aquí necesitamos tener 3 sprites, Baldosa, IR Izquierdo y IR Derecho.
Sprite Baldosa: utilizado para lograr el efecto de baldosas negras y blancas alternas descendiendo, en el teléfono móvil este juego generalmente tiene 4 columnas, aquí solo haremos dos columnas.
Sprite IR Izquierdo: utilizado para lograr el efecto de clic, cuando el módulo IR izquierdo siente tu mano, enviará un mensaje - izquierda al sprite IR Izquierdo, permitiéndole empezar a funcionar. Si toca la baldosa negra en el escenario, la puntuación aumentará en 1, de lo contrario, disminuirá en 1.
Sprite IR Derecho: La función es básicamente la misma que IR Izquierdo, excepto que recibe la información derecha.
1. Pinta un sprite Baldosa.
Elimina el sprite predeterminado, pasa el mouse sobre el icono de Añadir Sprite, selecciona Pintar y aparecerá un sprite en blanco y nómbralo Baldosa.
Ve a la página de Disfraces y usa la herramienta Rectángulo para dibujar un rectángulo.
Selecciona el rectángulo y haz clic en Copiar -> Pegar para hacer un rectángulo idéntico, luego mueve los dos rectángulos a una posición alineada.
Selecciona uno de los rectángulos y elige un color de relleno negro.
Ahora selecciona ambos rectángulos y muévelos de modo que sus puntos centrales coincidan con el centro del lienzo.
Duplica el disfraz1, alternando los colores de relleno de los dos rectángulos. Por ejemplo, el color de relleno del disfraz1 es blanco a la izquierda y negro a la derecha, y el color de relleno del disfraz2 es negro a la izquierda y blanco a la derecha.
2. Programando el sprite Baldosa
Ahora vuelve a la página de Bloques y establece la posición inicial del sprite Baldosa para que esté en la parte superior del escenario.
Crea una variable -bloques y dale un valor inicial para determinar la cantidad de veces que el sprite Baldosa aparecerá. Usa el bloque [repetir hasta] para hacer que la variable bloques disminuya gradualmente hasta que bloques sea 0. Durante este tiempo, haz que el sprite Baldosa cambie aleatoriamente de disfraz.
Después de hacer clic en la bandera verde, verás el sprite Baldosa en el escenario cambiar rápidamente de disfraces.
Crea clones del sprite Baldosa mientras la variable bloques esté disminuyendo, y detén el script cuando bloques sea 0. Aquí se utilizan dos bloques [esperar () segundos], el primero para limitar el intervalo entre los clones de Baldosa y el segundo es para permitir que la variable bloques disminuya a 0 sin detener el programa inmediatamente, dando al último sprite baldosa suficiente tiempo para moverse.
Ahora programa el clon del sprite Baldosa para que se mueva lentamente hacia abajo y lo elimine cuando llegue a la parte inferior del escenario. El cambio en la coordenada y afecta la velocidad de caída, cuanto mayor sea el valor, más rápida será la velocidad de caída.
Oculta el cuerpo y muestra el clon.
3. Leer los valores de los 2 módulos IR
En el fondo, lee los valores de los 2 módulos IR y realiza las acciones correspondientes.
Si el módulo de evitación de obstáculos IR izquierdo siente tu mano, transmite un mensaje - izquierda.
Si el módulo de evitación de obstáculos IR derecho siente tu mano, transmite un mensaje - derecha.
4. Sprite IR Izquierdo
Una vez más, pasa el mouse sobre el icono de Añadir sprite y selecciona Pintar para crear un nuevo sprite llamado IR Izquierdo.
Ve a la página de Disfraces del sprite IR Izquierdo, selecciona el color de relleno (cualquier color fuera de negro y blanco) y dibuja un círculo.
Ahora comienza a programar el sprite IR Izquierdo. Cuando se reciba el mensaje - izquierda (el módulo receptor IR de la izquierda detecta un obstáculo), entonces determina si se ha tocado el bloque negro del sprite Baldosa, y si es así, deja que la variable cuenta sume 1, de lo contrario, resta 1.
Nota
Necesitas hacer que el sprite Baldosa aparezca en el escenario, y luego absorber el color del bloque negro en el sprite Baldosa.
Ahora hagamos el efecto de detección (aumentar y disminuir) para IR Izquierdo.
Haz que el sprite IR Izquierdo se oculte cuando se haga clic en la bandera verde, se muestre cuando se reciba el mensaje - izquierda, y finalmente se oculte de nuevo.
5. Sprite IR Derecho
Copia el sprite IR Izquierdo y renómbralo a IR Derecho.
Luego cambia el mensaje recibido a - derecha.
Ahora toda la programación está completa y puedes hacer clic en la bandera verde para ejecutar el script.