Creando un Enderman

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

<script>

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

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


    //head
    pincel.fillStyle = "black";
    pincel.fillRect(150,50,300,300)

    //left eye
    pincel.fillStyle = "pink";
    pincel.fillRect(150,200,112.5,37.5); //37.5 c/bloque

    //right eye
    pincel.fillStyle = "pink";
    pincel.fillRect(337.5,200,112.5,37.5);

    //left pupil
    pincel.fillStyle = "purple";
    pincel.fillRect(185.5,200,37.5,37.5); 

    //right pupil
    pincel.fillStyle = "purple";
    pincel.fillRect(375,200,37.5,37.5); 

    //body
    pincel.fillStyle = "black";
    pincel.fillRect(150,360,300,300);

    //left arm
    pincel.fillStyle = "black";
    pincel.fillRect(65,360,75,40);

    //right arm
    pincel.fillStyle = "black";
    pincel.fillRect(460,360,75,40);



</script>