Creeper

Usei algumas coordenadas diferente do professor e acrescentei um retângulo cinza de fundo, para facilitar a visualização. Com as aulas, foi fácil a compreensão em como realizar essa atividade.

<script>

    var tela = document.querySelector("canvas");
    var pincel = tela.getContext("2d");

    pincel.fillStyle = "lightgray";
    pincel.fillRect(0,0,600,400);

    pincel.fillStyle = "darkgreen"
    pincel.fillRect(140,50,350,300);

    pincel.fillStyle = "black"
    pincel.fillRect(190,85,90,90);

    pincel.fillStyle = "black"
    pincel.fillRect(350,85,90,90);

    pincel.fillStyle = "black"
    pincel.fillRect(280,200,70,100);

    pincel.fillStyle = "black"
    pincel.fillRect(240,240,40,110);

    pincel.fillStyle = "black"
    pincel.fillRect(350,240,40,110);

</script>