[Proyecto] Creeper_codigo

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

</canvas>

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



    pincel.fillStyle = "darkgreen"; //fillStyle es una propiedad
    pincel.fillRect(0,0,350,300 ); //fillRect es una funcion + recuerda aqui el eje X es a la derecha y el Y hacia abajo + ademas los dos primeros parammetros son la posicion 0,0 la esquina superior izquierda mientras que el tercer parametro rd moverte 600 a la derecha y el cuarto 400 hacia abajo

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

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

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

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

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



</script>