Ya estoy inscrito ¿Todavía no tienes acceso? Nuestros Planes
Ya estoy inscrito ¿Todavía no tienes acceso? Nuestros Planes
1
respuesta

Solución de la cara de Creeper

Esta es la solución que realicé...

<body style="background-color: lightgray;">

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

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

        //Canvas
        pincel.fillStyle = "white";
        pincel.fillRect(0,0,750,400);  

        //  Cabeza
        pincel.fillStyle = "darkgreen";
        pincel.fillRect(200,50,350,300);  

        //  Ojos
        pincel.fillStyle = "black";
        pincel.fillRect(250,110,90,90);  
        pincel.fillRect(410,110,90,90);  

        //  Nariz
        pincel.fillRect(340,200,70,100);  

        //  Boca
        pincel.fillRect(300,240,40,110);  
        pincel.fillRect(410,240,40,110);  

    </script>

</body>

Este fue el resultado: Ingrese aquí la descripción de esta imagen para ayudar con la accesibilidad

1 respuesta

Hola Carlos, cómo estas?

Gracias por compartir tu proyecto, quedó genial el Creeper, continua así, felicidades.

Te recomiendo que compartas la solución de tus ejercicios en nuestro servidor de Discord, allí tenemos un canal exclusivo para eso (#compartetucodigo) y el foro solo quedaría para cualquier duda que puedas tener sobre el contenido de los cursos.

Si este post te ayudó, por favor, marca como solucionado ✓. Continúa con tus estudios