Makecode Arcade avanzado #12 Herramientas para trabajar con imágenes

En esta clase continuaremos viendo las herramientas que nos ofrece Makecode Arcade para modificar variables del tipo imagen.

Comenzaremos explicando la herramienta draw line, la cual nos permite dibujar dentro de nuestra imagen una línea de cualquier color indicándole las coordenadas de los 2 extremos de la línea. 

Seguiremos viendo el bloque draw rectangle, una herramienta muy parecida a la de la clase anterior salvo que esta nos dibuja un rectángulo vacío y no relleno como la de la clase anterior. 

Veremos otras herramientas de dibujo como set color at, fill picture with y demás. 

Por último veremos los comandos de transformación de imagen los cuales nos permiten voltear la imagen horizontal y verticalmente e incluso cambiar un color determinado de la imagen por otro. 

Recuerda a lo largo de todo el curso que tienes disponible el formulario de soporte para alumnos para plantear tus dudas y preguntas.

Vídeo de la sesión 12 del curso de Makecode Arcade avanzado.

Ejercicios:

1. Abrir el proyecto usado en las actividades de la clase anterior: “Imágenes”. Modificar, dentro del bloque que detecta si hemos pulsado el botón A, la imagen que se le asigna al Sprite, que sea el valor de la variable picture. Dentro del bucle on start, debajo de los otros bloques colocaremos los bloques que modifican el valor de la variable picture. Estas modificaciones no se verán reflejadas en la apariencia del Sprite hasta que pulsemos el botón A y le vuelva a asignar al Sprite la nueva apariencia modificada de la variable. Dentro del bucle on start, donde hemos dicho que vamos a hacer las modificaciones a la imagen, añadimos el bloque de fill rectangle in picture (Images -> Drawing). En los 2 primeros valores seleccionamos la coordenada superior izquierda del rectángulo que vayamos a dibujar. Recordad que si nuestra imagen es de 32 x 32 pixeles, las coordenadas tienen que estar comprendidas entre 0 y 31. En los 2 valores siguientes del bloque asignamos el ancho y el alto del rectángulo, nuevamente recordamos que el tamaño del rectángulo no puede sobresalir de la imagen. El último valor del bloque es el color del que queramos que sea el rectángulo. Probamos el resultado de modificar el valor de la variable picture ejecutando el juego y pulsando el botón A. 
2. Cambiamos el bloque que nos inserta un rectángulo relleno por el que nos inserta una recta dentro de la imagen. En este hay que indicar las coordenadas de cada uno de los extremos de la línea recta y el color. Vamos probando los distintos bloques de dibujo de imágenes. 
3. Cuando ya hemos probado todas las herramientas de dibujo, empezamos a probar a voltear la imagen horizontal y verticalmente. Para probar el resultado de transformar la imagen ejecutamos el juego y pulsamos el botón A.