Listo Bernardo tarea lista con tu Creeper

<canvas width="1000" height="1000"> </canvas>

<script>
    var pantalla = document.querySelector('canvas');
    var pincel = pantalla.getContext('2d'); 

    pincel.fillStyle= "lightgrey";// esto es una propiedad que se puede aplicar al objeto pincel
    pincel.fillRect(400,100,550,500); 

    pincel.fillStyle= "darkgreen";// esto es una propiedad que se puede aplicar al objeto pincel
    pincel.fillRect(500,200,350,300); // esto es una función que tiene 4 parametros para crear un rectangulo, posición inicial en X, posición inicial en Y, tamaño de ancho, tamaño de largo 

    pincel.fillStyle= "black";// esto es una propiedad que se puede aplicar al objeto pincel
    pincel.fillRect(550,260,90,90);

    pincel.fillStyle= "black";// esto es una propiedad que se puede aplicar al objeto pincel
    pincel.fillRect(708,260,90,90);

    pincel.fillStyle= "black";// esto es una propiedad que se puede aplicar al objeto pincel
    pincel.fillRect(639,350,70,100);

    pincel.fillStyle= "black";// esto es una propiedad que se puede aplicar al objeto pincel
    pincel.fillRect(708,390,40,110);

    pincel.fillStyle= "black"; ![Ingrese aquí la descripción de esta imagen para ayudar con la accesibilidad](https://cdn1.gnarususercontent.com.br/6/582107/318ffd46-7311-4204-8324-2bcfa77e1d70.png)  // esto es una propiedad que se puede aplicar al objeto pincel
    pincel.fillRect(599,390,40,110);


</script>