creeper.html

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

</canvas>
<script>
    var pantalla= document.querySelector("canvas");
    var pincel= pantalla.getContext("2d");
    //fondo
    pincel.fillStyle="lightgray";
    pincel.fillRect(0,0,600,400 );


    //cabeza
    pincel.fillStyle=("green");
    pincel.fillRect(120,50,350,300);

     //ojo 2
     pincel.fillStyle=("black");
    pincel.fillRect(319,110,90,90);
    //ojo 1
    pincel.fillStyle=("blue");
    pincel.fillRect(161,110,90,90);

    //nariz
    pincel.fillStyle=("yellow");
    pincel.fillRect(250,200,70,100);

    //boca1
    pincel.fillStyle="pink";
    pincel.fillRect(320,240,40,110);

    //boca2
    pincel.fillStyle="purple";
    pincel.fillRect(210,240,40,110);


</script>