Atividade Creeper

Olá a todos. Eu fiz o meu creeper por partes, agora vou dar uma melhorada para deixar o código com menor número de linhas. Olhem como eu fiz:

<canvas width="350" height="300"></canvas>

<script>

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

    pincel.fillStyle = 'green';  /*quadro verde*/
    pincel.fillRect(0, 0, 350, 300);

    pincel.fillStyle = 'black';  /*olho esquerdo*/
    pincel.fillRect(40, 60, 90, 90);

    pincel.fillStyle = 'black';
    pincel.fillRect(130, 150, 70, 100);

    pincel.fillStyle = 'black';   /*olho direito*/
    pincel.fillRect(200, 60, 90, 90);

    pincel.fillStyle = 'black';  /*nariz*/
    pincel.fillRect(90, 200, 40, 110);

    pincel.fillStyle = 'black';  /*boca direita*/
    pincel.fillRect(90, 200, 40, 110);

    pincel.fillStyle = 'black';  /*boca esquerda*/
    pincel.fillRect(200, 200, 40, 110);


</script>