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

Actividad: Cara de Creeper

Hola. Este fue el código que utilicé para hacer esta actividad. Me gustó mucho hacerla y entendí mucho más esta lógica.

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


<script>

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

    pincel.fillStyle = "darkGreen"; //Cara
    pincel.fillRect(0,0,350,300); 

    pincel.fillStyle = "black"; 
    pincel.fillRect(45,70,90,90); //ojos
    pincel.fillRect(205,70,90,90); //ojos
    pincel.fillRect(135,160,70,100); //nariz
    pincel.fillRect(100,190,40,110); //boca
    pincel.fillRect(200,190,40,110); //boca

</script>
1 respuesta

¡Hola Linamaría! Me alegra que hayas disfrutado haciendo la actividad de la Cara de Creeper. Tu código se ve muy bien y cumple con el objetivo de dibujar la cara del Creeper en un canvas. Me gusta que hayas utilizado comentarios para explicar qué es lo que hace cada parte del código.

Solo te sugiero que en la primera línea del código, donde está el elemento canvas, te falto el signo "<" al inicio. Debería quedar así: "<canvas width="600" height="400"> </canvas>".

¡Saludos!

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