CARA DE CREEPER

Buenas noches compañeros, aquí les comparto la forma que realice el código para la cara de Creeper espero que les guste.

<meta charset="utf-8">

<h1> CARA DE CREEPER </h1>

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

<script>

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


    pincel.fillStyle = "lightgrey" //propiedad
    pincel.fillRect(0,0,600,400);//función

    //Cabeza
    pincel.fillStyle = "darkgreen" //propiedad
    pincel.fillRect(125,50,350,300);//función

    //Boca
    pincel.fillStyle = "black" //propiedad
    pincel.fillRect(225,240,40,110);//función

    pincel.fillStyle = "black" //propiedad
    pincel.fillRect(335,240,40,110);//función

    //Nariz
    pincel.fillStyle = "black" //propiedad
    pincel.fillRect(265,195,70,100);//función

    //Ojos
    pincel.fillStyle = "black" //propiedad
    pincel.fillRect(175,105,90,90);//función

    pincel.fillStyle = "black" //propiedad
    pincel.fillRect(335,105,90,90);//función

</script>