creeper

Buenas noches, soy solucion al ejercicio de crear un creeper con canvas.

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

</canvas>

<script>

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

    pincel.fillStyle = "darkgreen"; // propiedad se le pasa un valor
    pincel.fillRect(0,0,350,300); // funcion que se le pasan parametros


    pincel.fillStyle = "black"; // propiedad se le pasa un valor
    pincel.fillRect(50,50,90,90); // funcion que se le pasan parametros

    pincel.fillStyle = "black"; // propiedad se le pasa un valor
    pincel.fillRect(210,50,90,90); // funcion que se le pasan parametros

    pincel.fillStyle = "black"; // propiedad se le pasa un valor
    pincel.fillRect(140,140,70,100); // funcion que se le pasan parametros

    pincel.fillStyle = "black"; // propiedad se le pasa un valor
    pincel.fillRect(100,190,40,110); // funcion que se le pasan parametros

    pincel.fillStyle = "black"; // propiedad se le pasa un valor
    pincel.fillRect(210,190,40,110); // funcion que se le pasan parametros

</script>