Mi código quedó de la siguiente manera. La duda que me queda es cuando uno ve la opinion del instructor comienza diciendo: "Con el pincel en mano podemos diseñar la cabeza verde de Creeper. Las coordenadas iniciales son 200 en el eje X y 50 en el eje Y; con una base de 350 pixeles y altura de 300 pixeles."
De donde saca los valores iniciales 200 del eje "x" y 50 del eje "y"?
Es para centrar la cabeza en el CANVAS?
Si no se hace eso, está bien o si o si es necesario ejecutar esa acción?
<canvas width="600" height="400"> </canvas>
<script>
var pantalla = document.querySelector("canvas");
var pincel = pantalla.getContext("2d");
pincel.fillStyle = "darkgreen";
pincel.fillRect( 0,0,350,300);
pincel.fillStyle = "black";
pincel.fillRect( 50,50,90,90);
pincel.fillRect(140,140,70,100);
pincel.fillRect(210,50,90,90 );
pincel.fillRect(100,200,40,100 );
pincel.fillRect(210,200,40,100 )
</script>