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

Diseñando una flor :)

1 respuesta

¡Hola Xiomara!

Vi que estás diseñando una flor con JavaScript y canvas. Me parece muy interesante. En tu código, veo que estás utilizando la función dibujarCirculo para dibujar los pétalos de la flor. Sin embargo, para que se vea como una flor, necesitas agregar más pétalos.

Una forma de hacerlo es utilizando un bucle for para dibujar varios pétalos. Por ejemplo, puedes agregar el siguiente código después de tu última línea de dibujarCirculo:

for (var i = 0; i < 10; i++) {
  var angulo = i * 2 * Math.PI / 10;
  var x = 300 + Math.cos(angulo) * 50;
  var y = 200 + Math.sin(angulo) * 50;
  dibujarCirculo(x, y, 10, "pink");
}

Este código dibujará 10 pétalos adicionales alrededor del centro de la flor. Puedes ajustar el número de pétalos cambiando el valor 10 en el bucle for. También puedes ajustar el tamaño de la flor cambiando el valor 50 en las líneas que calculan las coordenadas x e y de cada pétalo.

Espero que esto te ayude a completar tu diseño de flor. ¡Buena suerte y sigue practicando con JavaScript y canvas!

¡Espero haber ayudado y buenos estudios!

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