Buenas, acabo de terminar el ejrecicio del creeper esta es mi solucion:
<canvas class="creeper" width="600" height="400"></canvas>
<script>
let pantalla = document.querySelector(".creeper");
let pincel = pantalla.getContext("2d");
pincel.fillStyle = "darkgreen";
pincel.fillRect(0, 0, 350, 300); //rectangulo 1 cara
pincel.fillStyle = "black"; //propiedad le asigna color a la pantalla
pincel.fillRect(50,50,90,90);//Rectángulo 2 ojo 1
pincel.fillRect(210,50,90,90);//Rectángulo 3 ojo 2
pincel.fillRect(140,140,70,100);// Rectangulo 4 nariz
pincel.fillRect(100,180,40,110);//Recatangulo 5 parte de la boca 1
pincel.fillRect(210,180,40,110);//Recatangulo 6 parte de la boca 1
</script>
Esa imagen es el resultado, aun asi siento que hice mas por prueba y error antes de llegar al resultado deseado, alguien sabe como hacer los calculos para saber en que posicion se ubican los rectangulos?
