CABEZA DE CREEPER

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


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

        //CANVAS  
        pincel.fillStyle = "DARKGREEN";
        pincel.fillRect(0,0,600,400);


        //CABEZA
        pincel.fillStyle =  "WHITE";
        pincel.fillRect(125,50,350,300); // función 

       //OJOS
        pincel.fillStyle =  "BLACK";
        pincel.fillRect(175,110,90,90); 
        pincel.fillRect(332,110,90,90); 

       //NARIZ
        pincel.fillRect(265,200,70,100); // función                                                                                 

       //PIERNAS
        pincel.fillRect(225,240,40,110); // función
        pincel.fillRect(335,240,40,110); // función

</script>