¡Hola Scratchers! Bienvenidos a la lección 3 del curso «Selector de Fondos». En esta lección, crearemos el plano de una casa con sus respectivas habitaciones y nos desplazaremos por el espacio seleccionando el fondo con flechas.

Hasta ahora, hemos visto y creado diferentes selectores de fondos que podemos utilizar en nuestros juegos de scratch:

En la lección 1 creamos un selector básico con botones y pulsando las flechas derecha e izquierda del teclado. Y en la lección anterior diseñamos un mapa en el que podíamos viajar de una zona a otra haciendo clic en el punto rojo que quisiéramos.

Esta vez utilizaremos un sistema un poco más complicado que los anteriores, pero nos puede ser muy útil si queremos programar una «scape room» ¿Empezamos?

Crear el plano de la casa

Esta vez, para nuestro nuevo selector de fondos, crearemos el plano de una casa con sus respectivas habitaciones.

Para ello, dibujaremos el contorno de la casa en «modo vectorial» y dividiremos las habitaciones en cubículos. Cada cubículo lo rellenaremos de un color diferente para orientarnos mejor en el espacio. También le añadiremos puertas en cada una de las habitaciones y una principal para entrar al interior de la casa des de la calle.

Dibujar la puerta principal de la casa

Una vez hecho esto, crearemos otro fondo que pondremos al inicio del juego y será la puerta principal de la casa. Para ello, usaremos la misma herramienta del cuadrado y dibujaremos dos rectángulos juntos, luego seleccionaremos toda la puerta con la misma herramienta pero sin relleno para resaltar los bordes en un color más oscuro.

Separar las habitaciones en fondos únicos

El próximo paso será copiar cada habitación de nuestro mapa en fondos separados, por lo tanto, si tenemos 4 habitaciones, tenemos que crear 4 fondos nuevos. Por ahora, nosotros solo lo haremos con la sala principal.

Para copiar cada habitación, basta con seleccionar el cubículo que queramos con la herramienta «selección» que podemos encontrar en el editor en modo «mapa de bits» y copiarlo presionando las teclas [Ctrl]+[C]. Para pegarlo en el nuevo fondo, presionaremos [Ctrl]+[V] y lo ampliaremos hasta ocupar toda la pantalla.

Colocar las flechas en la habitación

Una vez copiada la sala principal, nos situaremos en ese fondo y buscaremos en la galería (o crearemos des de cero) las flechas para movernos de una habitación a otra. En esta sala nosotros necesitamos dos flechas, una que apunte hacia arriba y otra hacia la derecha, por lo que buscaremos el disfraz que nos indique la dirección que queramos, y las situaremos apuntando hacia cada una de las puertas de nuestra sala principal.

En la próxima lección…

Continuaremos con nuestra casa y programaremos nuestro selector de pantallas utilizando las variables.

¡Nos vemos en la siguiente lección!