Mi Creeper

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

<script>

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

    pincel.fillStyle = "white"; //propiedad o caracteristica
    pincel.fillRect(0,0,600,400); //funcion


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


    pincel.fillStyle = "black"; // 90, 90 (ojo 2)
    pincel.fillRect(170,100,90,90); 

    // 90, 90 (ojo 3)
    pincel.fillRect(330,100,90,90); 

    // 70, 100 (nariz 4)
    pincel.fillRect(260,190,70,100); 

    // 40, 110 (parte de la boca 5)
    pincel.fillRect(220,240,40,110);

    // 40, 110 (parte de la boca 6)
    pincel.fillRect(330,240,40,110); 

</script>