<canvas width="600" height="400"> </canvas>
<script>
    var Creeper = document.querySelector("canvas");
    var pincel = Creeper.getContext("2d");
    pincel.fillStyle = "lightblue";
    pincel.fillRect(0,0,600,400);
    pincel.fillStyle = "green";
    pincel.fillRect(125,50,350,300);
    //cabeza
    pincel.fillStyle = "black";
    pincel.fillRect(175,110,90,90);
    //ojo 1
    pincel.fillStyle = "black";
    pincel.fillRect(335,110,90,90);
    //ojo 2
    pincel.fillStyle = "black";
    pincel.fillRect(265,200,70,100);
    //nariz
    pincel.fillStyle = "black";
    pincel.fillRect(225,240,40,110);
    //boca lado 1
    pincel.fillStyle = "black";
    pincel.fillRect(335,240,40,110);
    //boca lado 2
</script> )
  )
 
            