Olá pessoal.
Segue meu creeper. Até que foi divertido montar ele via código.
já me entendi bem com as coordenadas de desenho.
<canvas width = '600'height = '400' > </canvas>
<script>
var tela = document.querySelector('canvas');
var pincel = tela.getContext('2d');
//fundo
pincel.fillStyle = 'green';
pincel.fillRect(0, 0, 350, 300);
//olhos
pincel.fillStyle = 'black';
//olho esq
pincel.fillRect(30, 50, 110, 100);
//olho dir
pincel.fillRect(210, 50, 110, 100);
//nariz
pincel.fillRect(140, 140, 70, 50);
//boca superior
pincel.fillRect(100, 190, 150, 50);
//boca ld esq
pincel.fillRect(100, 230, 50, 70);
//boca ld esq
pincel.fillRect(200, 230, 50, 70);
pincel.beginPath();
</script>
como sempre, qualquer sugestão ou crítica é bem vinda!!! sucesso para todos ae!!