Coordenadas não batem

Olá pessoal! Ainda não terminei o Creeper, estou com uma dúvida com relação às coordenadas.

Segui as instruções para deixar o Creeper com 350 de largura e 300 de altura.

Optei por começar com o nariz do Creeper. percebi que ele começa no meio da altura , ocupa o centro da largura e vai descendo.

Minha ideia é: como a largura do Creeper é 350, defino a largura do nariz como 50, e deixo 150 para cada lado. O nariz começa na altura 150 (metade da altura) e vai descendo até a altura 250, deixando 50 unidades de espaço verde embaixo.

Porém colocando essa ideia em prática, deu totalmente errado, vide o código abaixo. Eu acredito que a minha percepção sobre o mapeamento foi totalmente errada.

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

<script>
    var tela= document.querySelector('canvas');
    var pincel= tela.getContext('2d');
    pincel.fillStyle = 'lightgrey';
    pincel.fillRect (0, 0, 600, 400);

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

    pincel.fillStyle = 'black';
    pincel.fillRect(150, 150, 200, 250);


</script>