Problemas com o Creeper | JavaScript e HTML: pratique lógica com desenhos, animações e um jogo

Oi pessoal! Estou tentando criar meu creeper, fiz da mesma forma que o instrutor porém mudando as coordenadas (queria deixar centralizado na tela), e não deu certo! Alguém pode me explicar o que fiz de errado?

Insira aqui a descrição dessa imagem para ajudar na acessibilidade

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


<script>

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

//rosto

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

//olho 1

pincel.fillStyle = 'black';
pincel.fillRect(175, 110, 90, 90 );

//olho 2


pincel.fillRect(335, 110, 90, 90 );

//nariz

pincel.fillRect(265, 200, 70, 100 );

//boca 1

pincel.fillRect(225, 240, 40, 110 );

//boca 2

pincel.fillRect(335, 240, 40, 110 );

</script>

<canvas width = "600" height="400"></canvas> <script> var tela = document.querySelector('canvas'); var pincel = tela.getContext('2d'); //fundo pincel.fillStyle = 'lightgrey'; pincel.fillRect(0, 0, 600, 400); //rosto pincel.fillStyle = 'darkgreen'; pincel.fillRect(125, 50, 350, 300 ); //olho 1 pincel.fillStyle = 'black'; pincel.fillRect(175, 110, 90, 90 ); pincel.fillRect(335, 110, 90, 90 ); //boca 1 pincel.fillStyle = 'black'; pincel.fillRect(225, 240, 40, 110 ); pincel.fillRect(335, 240, 40, 110 ); //nariz pincel.fillRect(265, 200, 70, 100 ); </script>