La Cara Creeper

Esto ha sido mi mayor esfuerzo....

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

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

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

    //Disenado Cabeza 
    pincel.fillStyle = "darkgreen";
    pincel.fillRect(125,50,350,300);

    //Disenado Cuadro 2 - ojo
    pincel.fillStyle = "black";
    pincel.fillRect(175,110,90,90);

    //Disenado Cuadro 3 - ojo
    pincel.fillStyle = "black";
    pincel.fillRect(335,110,90,90);

    //Disenado Cuadro 4 - nariz
    pincel.fillStyle = "black";
    pincel.fillRect(265,200,70,100);

    //Disenado Cuadro 5 - boca
    pincel.fillStyle = "black";
    pincel.fillRect(230,240,40,110);

    //Disenado Cuadro 6 - boca
    pincel.fillStyle = "black";
    pincel.fillRect(335,240,40,110);
</script>