La cara de Creeper.

<!--Definición del área de dibujo en HTML-->
<canvas width="600" height="400"></canvas>

<script>

    //Obtención del área de dibujo de HTML
    var pantalla = document.querySelector("canvas")
    //Creación del pincel de dibujo
    var pincel = pantalla.getContext("2d")

    //Dibujo del área del lienzo
    pincel.fillStyle = "lightgray"
    pincel.fillRect(0,0,600,400)

    //Dibujo de la cabeza
    pincel.fillStyle = 'darkgreen';
    pincel.fillRect(125, 50, 350 ,300);
    //Dibujo de los ojos
    pincel.fillStyle = 'black';
    pincel.fillRect(175, 100, 90, 90);
    pincel.fillRect(335, 100, 90, 90);
    //Dibujo de la nariz
    pincel.fillRect(265, 190, 70, 100);
     //Dibujo de la boca
    pincel.fillRect(225, 350, 40, -110);
    pincel.fillRect(335, 350, 40, -110);

</script>