[Ejercicio] Creeper

<canvas width="600" height="900"></canvas>

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


    //borde cabeza
    pincel.fillStyle = "black";
    pincel.fillRect(115,40,370,320);

    //rectangulo cabeza
    pincel.fillStyle = "darkgreen";
    pincel.fillRect(125,50,350,300);

    //ojo izquierdo
    pincel.fillStyle = "black";
    pincel.fillRect(175,110,90,90);

    //ojo derecho
    pincel.fillStyle = "black";
    pincel.fillRect(335,110,90,90);

    //boca mitad
    pincel.fillStyle = "black";
    pincel.fillRect(265,200,70,100);

    //boca izquierda
    pincel.fillStyle = "black";
    pincel.fillRect(225,240,40,110);

    //boca derecha
    pincel.fillStyle = "black";
    pincel.fillRect(335,240,40,110);

    //borde cuerpo
    pincel.fillStyle = "black";
    pincel.fillRect(175,350,250,310);

    //borde cuerpo
    pincel.fillStyle = "darkgreen";
    pincel.fillRect(185,360,230,290);

    //borde pierna izquierda
    pincel.fillStyle = "black";
    pincel.fillRect(150,600,140,180);

    //pierna izquierda
    pincel.fillStyle = "darkgreen";
    pincel.fillRect(160,610,120,120);

    //borde pierna derecha
    pincel.fillStyle = "black";
    pincel.fillRect(310,600,140,180);

    //pierna derecha
    pincel.fillStyle = "darkgreen";
    pincel.fillRect(320,610,120,120);


</script>