Creeper

Deu trabalho em achar as coordenadas, mas o forum ajudou!

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

<script>

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

    // Retângulo 1: (350, 350)
    pincel.fillStyle = "darkgreen";
    pincel.fillRect(0, 0, 350, 300);

    // Retângulos 2 e 3: 90, 90 (olhos)

    pincel.fillStyle = "black";
    pincel.fillRect(50, 60, 90, 90);

    pincel.fillRect(205, 60, 90, 90);

    // Retângulo 4: 70,100 )nariz)

    pincel.fillStyle = "black";
    pincel.fillRect(137,150,70,100);

    // Retângulo 5 e 6 : 40,110 (parte da boca)

    pincel.fillStyle = "black";
    pincel.fillRect(97,190,40,110);
    pincel.fillRect(207,190,40,110);


</script>