Carreras locas

Diseño

Comenzamos explicando al alumnado cómo diseñar el juego. Para ello le pedimos que acceda a la web de Bitbloq y seleccione la herramienta Bitbloq Play para crear un nuevo documento. Explicamos que el juego va a tener tres pantallas: menú de selección de personaje, juego y pantalla de fin.

Indicamos los siguientes pasos:

1. En la pestaña Diseño, crear tres escenas y renombrarlas: Menú, Juego, Fin. 

2. En la escena Menú, pulsar sobre el botón + Añadir elemento, seleccionar el elemento Vacío y abrir el editor de aspectos para dibujar el menú con, por ejemplo, el texto “Elige tu personaje” en la parte superior y dos rectángulos en el centro de la pantalla.

3. Pulsar de nuevo + Añadir elemento para añadir a la corredora y arrastrarla al primer rectángulo.

4. Añadir al corredor y arrastrarlo al segundo rectángulo.

5. En la escena Juego, pulsar + Añadir elemento y seleccionar el fondo Pista de atletismo.

6. Añadir a la primera persona corredora y desmarcar la propiedad Visible para hacer invisible a la persona.

7. Añadir a la primera persona corredora y cambiar sus propiedades para hacerla invisible y posicionarla sobre la línea de salida:

   • X a -2880

   • Y a 540

   • Visible desmarcado

8. Añadir a la segunda persona corredora y cambiar sus propiedades de la misma manera.

Al cambiar las coordenadas de las personas a las indicadas, estas se mueven a un punto del área de trabajo que no es visible en el modo básico de Bitbloq Play.

9. Añadir un elemento vacío y dibujar una línea de meta vertical que ocupe toda la altura del editor de aspectos.

10. Cambiar sus propiedades para posicionarla correctamente sobre la pista de atletismo:

    • X a 4830 

    • Y a 325

    • Tamaño a 30

11. En la escena Fin, diseñar de forma creativa una pantalla de fin de juego con, al menos, un texto con el que van a indicar más adelante el tiempo que han tardado en realizar la carrera.

Programación

Continuamos explicando cómo programar cada una de las escenas.

1. En la pestaña Bloques, programar en la escena Menú una variable llamada personaje y darle como valor un texto vacío.

2. Programar a la corredora para que, al hacer clic sobre ella, la variable guarde el texto “corredora” y cambie a la escena juego.

3. Programar al corredor para que, al hacer clic sobre él, la variable guarde el valor “corredor” y cambie a la escena juego.

4. En la escena Juego, programar que se comience a contar el tiempo al iniciar la escena.

5. Programar a la corredora para que al iniciar la escena se haga visible si la personaje seleccionada es la corredora y para que la cámara se centre en ella.

6. Programar a la corredora para que al pulsar la tecla espacio del teclado si el personaje seleccionado es la corredora: avance, cambie de aspecto y la cámara se centre en ella.

7. Programar al corredor para que al iniciar la escena se haga visible si el personaje seleccionado es el corredor y para que la cámara se centre en él.

8. Programar al corredor para que al pulsar la tecla espacio del teclado si el personaje seleccionado es el corredor: avance, cambie de aspecto y la cámara se centre en él.

9. Programar la meta para que al tocar a la corredora o al corredor se termine el juego.

10. En la escena final, programar que al iniciar la escena se muestre el tiempo transcurrido a través del elemento tipo texto.

Para terminar pedimos al alumnado que amplíe el visor pulsando el botón + que hay debajo de él y, a continuación, presione el botón play para iniciar el videojuego.

Invitamos al alumnado a que pruebe el resultado seleccionando el personaje y haciendo que corra pulsando la tecla espacio del teclado.

A continuación te proponemos algunas ideas para seguir practicando:

• Añadir alguna banda sonora al juego o efectos de sonido al llegar a la meta.

• Crear un tercer personaje para el juego dibujando sus aspectos con el editor de aspectos.

Recomendaciones

• Si se dispone de menos tiempo, se puede eliminar el uso de la variable que contabiliza el tiempo.

• Si se dispone de más tiempo, se puede añadir a los personajes en la pantalla final para que celebren su éxito.

Accede al proyecto:

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