Creeper

<canvas width="350" height="300">

</canvas>

<script>

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

    pincel.fillStyle = 'darkgreen'; //propiedades
    pincel.fillRect(0, 0, 350, 300); //Funcion

    pincel.fillStyle = 'black'; //propiedades
    pincel.fillRect(50, 60, 90, 90); //Funcion

    pincel.fillStyle = 'black'; //propiedades
    pincel.fillRect(210, 60, 90, 90); //Funcion

    pincel.fillStyle = 'black'; //propiedades
    pincel.fillRect(140, 150, 70, 100); //Funcion

    pincel.fillStyle = 'black'; //propiedades
    pincel.fillRect(100, 190, 40, 110); //Funcion

    pincel.fillStyle = 'black'; //propiedades
    pincel.fillRect(210, 190, 40, 110); //Funcion


</script>