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

¿Cómo dibujar círculos concéntricos?

Hola, le quise dar un poco de vida a los ojos del Creeper, y me surgió la duda sobre cómo dibujar círculos concéntricos, debo escribir todo tantas veces como círculos tenga, o existe una forma más acotada de hacerlo. Gracias Les comparto este Creeper de mirada profunda

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

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

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

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

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

    pincel.fillStyle = "black"; //propiedad
    pincel.fillRect(140,150,70,100); //función

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

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

    pincel.fillStyle = "white"; //ojoIzquierdo
    pincel.beginPath();
    pincel.arc(95,105,10,0,2*3.14);
    pincel.fill();

    pincel.fillStyle = "lightblue";
    pincel.beginPath();
    pincel.arc(97,104,6,0,2*3.14);
    pincel.fill();

    pincel.fillStyle = "black";
    pincel.beginPath();
    pincel.arc(97,104,2,0,2*3.14);
    pincel.fill();

    pincel.fillStyle = "white"; //ojoDerecho
    pincel.beginPath();
    pincel.arc(255,105,10,0,2*3.14);
    pincel.fill();

    pincel.fillStyle = "lightblue";
    pincel.beginPath();
    pincel.arc(257,104,6,0,2*3.14);
    pincel.fill();

    pincel.fillStyle = "black";
    pincel.beginPath();
    pincel.arc(257,104,2,0,2*3.14);
    pincel.fill();

</script>
1 respuesta

Hola Camayo , espero que esté bien.

Gracias por tu aporte, es bueno ver los diferentes puntos de vistas, eso enriquece nuestros conocimientos.

Un poco escalofriante hahha Tendras que hacer todos lo circulos , porque el canvas no es algo "dinamico".

Si tienes alguna pregunta sobre el contenido de los cursos, estaremos aquí para ayudarte.

Te recomiendo que puedes interactuar con el resto de nuestros compañero por nuestro Discord.

En virtud de que en Discord el alcance es mayor, la interacción es inmediata y llega a más compañeros y el foro solo quedaría para esclarecer cualquier duda que puedas tener sobre el contenido de los cursos

De esa manera si tienes algún comentario, opinión, recomendación o algún consejo sea por el Discord, con certeza por ahí llegará a más personas

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