Creeper

Bueno en esta etapa me emocina mucho mas la programacion por que me puse a jugar con las cantidades .

<canvas width = "700"  height="600"> </canvas>

<script>


   var pantalla = document.querySelector("canvas");
   var  pincel = pantalla.getContext("2d"); 







 //cabello


   pincel.fillStyle = "yellow";
   pincel.fillRect(100,-20,550,130);
   pincel.fillRect(200, 50 , 350 , 300);



 //cabeza
   pincel.fillStyle = "darkgreen";
   pincel.fillRect ( 200 , 90 , 350 , 300);

//ojos 

   pincel.fillStyle = "black";
   pincel.fillRect(250 , 110 , 100, 90 );
   pincel.fillRect(410 , 110 , 100, 90 );

//nariz 

   pincel.fillRect (340 , 200 , 70 , 100,);

//boca

   pincel.fillRect(300, 240 , 40 , 110);
   pincel.fillRect(410, 240 ,40 , 110 );


</script>