En esta actividad vamos a crear un juego en el que hay que pulsar sobre diferentes objetos para conseguir puntos antes de que se acabe el tiempo. Diseñando y programando la aplicación aprenderemos a usar los componentes Texto, Botón, Imagen, Contenedor y Reproductor de sonido de Bitbloq Apps, a programar eventos, listas, condicionales y cambio entre pantallas.
Material necesario
- Ordenador con acceso a Internet.
- Dispositivo Android o iOS con la aplicación Bitbloq Pocket instalada.
Instrucciones
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 desde la 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:
10. En la pestaña Bloques, programar que cuando se haga clic sobre el Botón Comenzar, se abra la Pantalla Juego.
11. 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.
12. 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.
13. 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.
14. Seguimos estos pasos con todas las imágenes.
15. 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.
Otras ideas
A continuación, te proponemos algunas ideas de aplicaciones similares 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.
Disfruta de Bitbloq Apps con el Plan Docente
La versión beta de Bitbloq Apps está disponible solo para usuarios del Plan Docente. ¡Suscríbete ya y empieza a disfrutar de todas sus ventajas!
- Sistema de gestión del aula completo e intuitivo para un número ilimitado de alumnos y clases simultáneas.
- Acceso del alumnado a un espacio personal con sus ejercicios mediante códigos, sin descargas ni registros.
- Itinerarios formativos. (Próximamente)
- Funcionalidades exclusivas, add-ons gratis y acceso prioritario a las novedades.
- Acceso gratuito para ti y tus alumnos a programar placas como Arduino UNO.
- Asistencia directa del equipo de Bitbloq.