Creeper

Hola a tod@s!!

Creo que esto me hizo pensar mucho, después de tanto intentar e intentar, me quedo. Pero cuando vi el código del instructor me di cuanta que hay maneras de hacerlo mas simple sin tanto código pero esto satisfecha solo que tengo una duda en la boca no medio bien y tuve que ponerle 5 más. alguien podría ayudarme con el porque de esto???

Dejo mi código aquí

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

</canvas>

<script>

//declaracion de variables para la pantalla y el pincel que se van a utilizar 

    var pantalla = document.querySelector("canvas");

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

//diseño de los rectangulos del pincel

    //base del diseño  esta es la cabeza del creeper 350x300

    pincel.fillStyle = "darkgreen";
    pincel.fillRect(0,0,350,300);

    //estos son los ojos   90x90

    pincel.fillStyle = "black";
    pincel.fillRect(50,60,90,90); 

    pincel.fillStyle = "black";
    pincel.fillRect(210,60,90,90);


    //esta es su nariz  70x100
    pincel.fillStyle = "black";
    pincel.fillRect(140,150,70,100);

    //esta es la nariz   40x100

    pincel.fillStyle = "black";
    pincel.fillRect(100,190,40,110);


    pincel.fillStyle = "black";
    pincel.fillRect(210,190,40,110);




    pincel.fill();



</script>