Creeper

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

<script>

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

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

    pincel.fillStyle = "darkgreen";
    pincel.fillRect(125, 50, 350, 300);  //cabeça

    pincel.fillStyle = "black";
    pincel.fillRect(175,100,90,90);  //olho esquerdo

    pincel.fillStyle = "black";
    pincel.fillRect(325,100,90,90);  //olho direito

    pincel.fillStyle = "black";
    pincel.fillRect(264,190,62,110);  //nariz

    pincel.fillStyle = "black";  //boca lado esquerdo
    pincel.fillRect(225,230,45,120);

    pincel.fillStyle = "black";  //boca lado direito
    pincel.fillRect(325,230,45,120);

</script>