A carinha bonita do creeper

Aqui o rostinho lindo do creeper que eu fiz. Tive muita dificuldade quanto a encontrar as coordenadas corretas pra colocar os elementos. Foi um tal de "move x, atualiza, move x mais um pouco, atualiza, move o y agora, atualiza...", mas no final deu tudo certo (eu acho)!

<canvas width="600" height="400"></canvas>
<script>
    var creeper=document.querySelector("canvas");
    var pincel=creeper.getContext("2d");

    //cor do creeper
    pincel.fillStyle="#688E3F";
    pincel.fillRect(0,0,350,290);

    //olho 1
    pincel.fillStyle="#181A1D";
    pincel.fillRect(50,50,90,90);

    //olho 2
    pincel.fillRect(210,50,90,90);

    //nariz
    pincel.fillRect(140,140,70,100);

    //boca_esquerda
    pincel.fillRect(100,175,40,110);

    //boca_direitaT 
    pincel.fillRect(205,175,40,110);

    //quadrado de cor diferente
    pincel.fillStyle="#86BE43";
    pincel.fillRect(0,0,30,30);
    pincel.fillRect(140,0,160,25);
    pincel.fillRect(220,25,45,25);
    pincel.fillRect(300,25,50,115);
    pincel.fillRect(210,140,35,35);
    pincel.fillRect(310,190,40,40);
    pincel.fillRect(140,50,40,40);
    pincel.fillRect(0,140,50,90);
    pincel.fillRect(50,230,50,55);

</script>