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

Reto de Creeper

Mi Creeper :) Fue dificil, pero lo logramos.

Si alguien tiene algún tip para ubicar los cuadros, porfa compartalo que se que muchos compañeros estamos en la misma situación.

Mucho éxito, amigos

Ingrese aquí la descripción de esta imagen para ayudar con la accesibilidad

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

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


    pincel.fillStyle = "darkgreen"; // es una propiedad o caracerística
    pincel.fillRect(0,0,350,300); // es una función

    pincel.fillStyle = "black"; // es una propiedad o caracerística
    pincel.fillRect(50,50,90,90);

    pincel.fillStyle = "black"; // es una propiedad o caracerística
    pincel.fillRect(200,50,90,90);

    pincel.fillStyle = "black"; // es una propiedad o caracerística
    pincel.fillRect(139,140,62,100);

    pincel.fillStyle = "black"; // es una propiedad o caracerística
    pincel.fillRect(99,190,40,110);

    pincel.fillStyle = "black"; // es una propiedad o caracerística
    pincel.fillRect(200,190,40,110);

</script>
1 respuesta

¡Hola Roxana!

Gracias por compartir tu reto con nosotros. Para ubicar los cuadros en el canvas, debes utilizar las coordenadas x e y en los parámetros de la función fillRect().

Por ejemplo, en el primer cuadro negro, las coordenadas son (50,50) y su ancho y alto son 90. En el segundo cuadro negro, las coordenadas son (200,50) y su ancho y alto también son 90.

Te recomiendo que juegues con las coordenadas para ubicar los cuadros donde desees. Puedes utilizar números negativos para ubicarlos fuera del canvas o coordenadas mayores al tamaño del canvas para que se salgan de este.

Espero que esta información te sea útil. ¡Mucho éxito en tu reto!