CREEPER :)

canvas width="900" height="500"> </canvas>

    <h1>LA CARA DE CREEPER</h1>
    <script>    
            var pantalla = document.querySelector("canvas");
            var pincel = pantalla.getContext("2d");

            pincel.fillStyle = "blue";
            pincel.fillRect(0,0,900,500);


            pincel.fillStyle = "purple";//cara
            pincel.fillRect(300,80,350,300);
            pincel.fillStyle = "yellow";//ojo derecho
            pincel.fillRect(510,120,90,90);
            pincel.fillStyle = "black";//punto ojo derecho
            pincel.fillRect(550,150,20,20);
            pincel.fillStyle = "yellow";//ojo izquierdo
            pincel.fillRect(350,120,90,90);
            pincel.fillStyle = "black";//punto ojo izquierdo
            pincel.fillRect(390,150,20,20);
            pincel.fillStyle = "green";//nariz
            pincel.fillRect(440,210,70,100);
            pincel.fillStyle = "green";//boca izquierda
            pincel.fillRect(400,270,40,110);
            pincel.fillStyle = "green";//boca derecha
            pincel.fillRect(510,270,40,110);
    </script>