Creeper

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


</canvas>

<script>

    var pantalla = document.querySelector("canvas");// conectar java con html mendiante la pestaña canvas
    var pincel = pantalla.getContext("2d");// obteniendo todo el contenido de pantalla 

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

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

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

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

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

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

</script>