Outra solução para o problema

Ola galera

Segue minha solução para o exercício proposto.

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

<script>
    var monstro = document.querySelector('#creeper');
    var mao = monstro.getContext('2d');

    // Canvas
    mao.fillStyle = 'lightgreen';
    mao.fillRect(0, 0, 600, 400);
    // Cabeça
    mao.fillStyle = 'darkgreen';
    mao.fillRect(125, 50, 350, 300);
    // Olho Esq.
    mao.fillStyle = 'black';
    mao.fillRect(175, 110, 90, 90);
    // Olho Dir.
    mao.fillStyle = 'yellow';
    mao.fillRect(335, 110, 90, 90);
    // Nariz
    mao.fillStyle = 'blue';
    mao.fillRect(265, 200, 70, 100);
    // Boca Esq.
    mao.fillStyle = 'yellow';
    mao.fillRect(225, 240, 40, 110);
    // Boca Dir
    mao.fillStyle = 'black';
    mao.fillRect(335, 240, 40, 110)
</script>