Minha solução para desenhar o Creeper

<canvas width="600" height="400"></canvas>

<script>

    //Funções para desenhar poligonos
    function desenhaRect(cor, X, Y, comprimento, altura) {
        pincel.fillStyle = cor;
        pincel.fillRect(X,Y,comprimento,altura);
    }

    function desenhaArc(cor, X, Y, raio,inicialAng,finalAng) {
        pincel.fillStyle = cor;
        pincel.beginPath();
        pincel.arc(X,Y,raio,inicialAng*3.14,finalAng*3.14);
        pincel.fill();
    }

    //Variáveis para definir o Canvas
    var tela = document.querySelector('canvas');
    var pincel = tela.getContext('2d');
    pincel.fillStyle = 'lightgrey';
    pincel.fillRect(0,0,600,400);

    //Desenho do quadrado verde centralizado na tela
    desenhaRect('darkgreen', 150, 50, 300, 300);

    //Desenhos dos quadrados pretos
    desenhaRect('black', 220, 270,50,80);
    desenhaRect('black', 330, 270,50,80);
    desenhaRect('black', 220, 220, 160,70);
    desenhaRect('black', 270, 180,50,50);
    desenhaRect('black', 190, 100,80,80);
    desenhaRect('black', 320, 100,80,80);

</script>