La cara de Creeper

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

<script>
    let pantalla = document.querySelector("canvas"); //conecta con la pizarra que está en HTML
    let pincel = pantalla.getContext("2d"); //traer todo el contenido que está en la pizarra de viene de HTML

    pincel.fillStyle = "#ffffff"; //pintamos el fondo de la pizarra
    pincel.fillRect(0, 0, 600, 400); //dibujar un rectangulo. Iniciamos desde la parte superior izquierda y hacemos el rectangulo del mismo tamaño de la pizarra

    //CABEZA
    pincel.fillStyle = "#176400";
    pincel.fillRect(120, 50, 350, 300);

    //OJOS
    pincel.fillStyle = "#000000";
    pincel.fillRect(170, 110, 90, 90); 
    pincel.fillStyle = "#000000";
    pincel.fillRect(330, 110, 90, 90);

    //NARIZ
    pincel.fillStyle = "#000000";
    pincel.fillRect(260, 200, 70, 100);

    //VOCA
    pincel.fillStyle = "#000000";
    pincel.fillRect(220, 240, 40, 110); 
    pincel.fillStyle = "#000000";
    pincel.fillRect(330, 240, 40, 110);
</script>