Resolução Creeper

Olá pessoal, essa foi a minha resolução do Creeper. Deixei o desenho mais centralizado do que o da aula, por isso os valores dos eixos x e y estão diferentes da resolução oficial.

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

<script>
    var tela = document.querySelector("canvas");
    var pincel = tela.getContext('2d');

    pincel.fillStyle = 'lightgrey';  // estilo de preenchimento.
    pincel.fillRect(0, 0, 600, 400); // cria um retangulo. 0, 0 são os eixos x e y.

    // desenha a cabeça do Creeper
    pincel.fillStyle = 'darkgreen';  
    pincel.fillRect(125, 50, 350, 300);

    // desenha o olho esquerdo
    pincel.fillStyle = 'black';  
    pincel.fillRect(175, 100, 90, 90);

    // desenha o olho direito
    pincel.fillStyle = 'black';  
    pincel.fillRect(335, 100, 90, 90);

    // desenha o nariz
    pincel.fillStyle = 'black';  
    pincel.fillRect(265, 190, 70, 100);

    // desenha a boca
    pincel.fillStyle = 'black';  
    pincel.fillRect(225, 240, 40, 110);
    pincel.fillStyle = 'black';  
    pincel.fillRect(335, 240, 40, 110);

</script>