Cazacosas espaciales

Diseño

Comenzamos pidiendo a nuestro alumnado que se descargue las imágenes y el sonido que se adjuntan en el apartado Descargables de la actividad, que acceda a la web de Bitbloq y seleccione la herramienta Bitbloq Apps. A continuación, vamos explicando los siguientes pasos:

1. En la pestaña Diseño crear tres pantallas pulsando sobre el + y renombrarlas , por ejemplo, como: Pantalla Inicio, Pantalla Juego y Pantalla Final.

2. En la pantalla de inicio añadir componentes: Texto para crear un título y las instrucciones del juego y Botón para cambiar a la pantalla de juego e iniciarlo.

3. En la Pantalla Juego, pulsar sobre + Añadir recurso y seleccionar los recursos descargados previamente.

4. Seleccionar la imagen Fondo para ponerla como fondo de la pantalla en la propiedad Imagen fondo. Se puede añadir el mismo fondo al resto de pantallas y cambiar el color del texto a blanco.

5. Añadir cinco componentes Imagen y asignarle, a cada uno, una de las imágenes descargadas desdela propiedad Imagen fondo. Seleccionar en Modo fondo la opción Contenedor.

6. Añadir un componente Reproducir sonido y seleccionar el audio descargado en la propiedad Origen.

7. Incluir un componente Contenedor para organizar cuatro componentes Texto en los que mostrar el número de puntos y el tiempo.

8. En la pantalla final añadir los componentes: Texto para crear un mensaje final con el resultado del juego y Botón para volver a la pantalla de juego e iniciarlo de nuevo.

9. Personalizar el color de fondo de la pantalla con el que  se quiera desde la propiedad Relleno.

Es recomendable renombrar los componentes de nuestras aplicaciones para facilitar su identificación.

Programación

Una vez realizado el diseño, explicamos cómo programar su funcionamiento.

1. En la pestaña Bloques, programar en la Pantalla Inicio que, cuando se haga clic sobre el Botón Comenzar, se abra la Pantalla Juego.

2. En la pestaña Variables y listas, declarar una variable puntos que comience con valor 0 y una variable tiempo que comience con el valor que queramos, por ejemplo, 20.

3. En la Pantalla Juego, programar que cuando se abra la pantalla de juego:

• Se active la cuenta atrás restando uno a la variable tiempo mientras esta sea mayor que 0, de manera que cuando llegue a cero, se abra la Pantalla Final.

• Las variables tiempo y puntos se muestren constantemente en los componentes Texto que se añadieron en esta pantalla.

4. Programar que, cuando se pulse sobre una de las imágenes: 

• Se deje de mostrar la imagen.

• Se reproduzca el sonido añadido.

• Se sume 1 a la variable puntos.

• Cada cierto tiempo la imagen se mueva a una ubicación aleatoria dentro de la pantalla.

• Se muestre de nuevo la imagen.

5. Seguimos estos pasos con todas las imágenes.

6. En la pestaña Pantalla final:

• Programar que cuando se abra aparezca un texto que indique el número de objetos conseguidos utilizando la variable puntos.

• Programar que cuando se pulse el botón para volver a jugar se reinicien las variables puntos y tiempo con los valores que decidimos anteriormente y que se abra la pantalla de juego.

Recomendamos a nuestro alumnado probar el funcionamiento de la programación cada poco tiempo utilizando el modo Previsualización web.

Finalmente, les indicamos que seleccionen la opción que permite probar la aplicación En tu dispositivo móvil y que sigan los pasos que se indican. Para ello, deben tener instalada en su dispositivo la aplicación Bitbloq Pocket, disponible para Android o iOS.

A continuación te proponemos algunas ideas para mejorar el juego y para seguir practicando:

• Incluir un menú inicial que permita elegir qué categoría de objetos quieres que aparezcan: frutas, animales, postres, monstruos, etc. y añadir y programar que aparezcan imágenes correspondientes a dicha categoría.

• Añadir un objeto que aparezca y desaparezca constantemente y que, al hacer clic sobre él, reste puntos.

• Programar un fin de juego que incluya un vídeo a modo celebración si se han capturado muchos objetos y uno que anime a intentarlo otra vez si se han capturado menos.

Accede al proyecto:

Haz clic en la imagen para abrir la página del proyecto en Bitbloq Apps.