Hola! Realizando la actividad de hacer una cabeza de creeper, me dí cuenta que estaba copiando y pegando mucho el mismo código, por lo cuál hice una función para realizar la actividad y el código se vea un poco más limpio.
<canvas width="600" height="400"></canvas>
<script>
var pantalla = document.querySelector("canvas");
var pincel = pantalla.getContext("2d");
function pintarRectanguloSimple(xi,yi,x,y,color){
pincel.fillStyle = color;
pincel.fillRect(xi,yi,x,y);
}
//cabeza
pintarRectanguloSimple(125,50,350,300,"darkgreen");
//ojos
pintarRectanguloSimple(175,100,90,90,"black");
pintarRectanguloSimple(335,100,90,90,"black");
//nariz
pintarRectanguloSimple(265,190,70,100,"black");
//boca
pintarRectanguloSimple(225,240,40,110,"black");
pintarRectanguloSimple(335,240,40,110,"black");
</script>
