Creeper Dibujando

<canvas width="600" height="400">


</canvas>    


<script>
    //conectadno la etiqueta canvas con html
    var pantalla = document.querySelector("canvas");
    var pincel = pantalla.getContext("2d");


    pincel.fillStyle = "darkgreen"; //propiedad 
    pincel.fillRect(0,0,350,300);//funcion

    pincel.fillStyle = "black"; //propiedad 
    pincel.fillRect(40,50,90,90);//funcion

    pincel.fillStyle = "black"; //propiedad 
    pincel.fillRect(200,50,90,90);//funcion

    pincel.fillStyle = "black"; //propiedad 
    pincel.fillRect(130,140,70,100);//funcion

    pincel.fillStyle = "black"; //propiedad 
    pincel.fillRect(90,190,40,110);//funcion

    pincel.fillStyle = "black"; //propiedad 
    pincel.fillRect(200,190,40,110);//funcion


</script>