Creeper

<!-- html ----------------------------->

<meta charset="utf-8">

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


</canvas>

<!-- javascript ----------------------------->

<script type="text/javascript">

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

    pincel.fillStyle = "Lightgray "; //propiedad
    pincel.fillRect(0,0,600,400); //función

    pincel.fillStyle = "darkgreen "; //propiedad
    pincel.fillRect(125,50,350,300); //función

    pincel.fillStyle = "black "; //propiedad 
    pincel.fillRect(175,110,90,90); //función -- ojo

    pincel.fillStyle = "black "; //propiedad 
    pincel.fillRect(335,110,90,90); //función -- ojo

    pincel.fillStyle = "black "; //propiedad
    pincel.fillRect(265,200,70,100); //función  -- nariz

    pincel.fillStyle = "black "; //propiedad
    pincel.fillRect(225,240,40,110); //función -- diente

    pincel.fillStyle = "black "; //propiedad
    pincel.fillRect(335,240,40,110); //función -- diente

</script>