Creeper com coordenadas

Meu Creeper ficou assim, usei "coordenadas negativas", no começo pode parecer difícil pensar assim, as vezes até contra intuitivo, mas fiz assim por achar mais fácil. Ah, claro que não acertei todas as coordenadas de primeira =)

    <script>

        var tela = document.querySelector('canvas');
        var pincel = tela.getContext('2d');

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

        pincel.fillStyle = 'black';
 // Olhos
       //Olho da Esquerda (2)
       pincel.fillRect(140, 145, -90, -90);

        //Olho da Direita (3)
        pincel.fillRect(210, 145, 90, -90);

 //Nariz (4)175
        pincel.fillRect(140, 245, 70, -100);

 //Boca 01 esquerda (5)
        pincel.fillRect(140, 300, -40, -110);

 //Boca 02 direita (6)
        pincel.fillRect(210, 300, 40, -110);

    </script>