Cara de Creeper

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

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


    //cabeza
    pincel.fillStyle = "darkgreen";            //Propiedad
    pincel.fillRect(0,0,350,300);             //funcion

    //ojo 1
    pincel.fillStyle = "black";            //Propiedad
    pincel.fillRect(55,50,90,90);

    //ojo 2
    pincel.fillStyle = "black";            //Propiedad
    pincel.fillRect(215,50,90,90);


    //Boca parte 1
    pincel.fillStyle = "black";            //Propiedad
    pincel.fillRect(145,140,70,100);

    //Boca parte 2
    pincel.fillStyle = "black";            //Propiedad
    pincel.fillRect(105,200,40,100);

    //Boca parte 3
    pincel.fillStyle = "black";            //Propiedad
    pincel.fillRect(215,200,40,100);


</script>