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

Dibujando Flor

Comparto mi ejercicio de Flor y el resultado

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

<script>
  var pantalla = document.querySelector("canvas");
  var pincel = pantalla.getContext("2d");
  pincel.fillStyle = "lightgray";
  pincel.fillRect(0, 0, 600, 400);

  function dibujarCirculo(x, y, radio, color) {
    pincel.fillStyle = color;
    pincel.beginPath();
    pincel.arc(x, y, radio, 0, 2 * 3.14);
    pincel.fill();
  }

  function dibujarTallo(x, y) {
    pincel.strokeStyle = "green";
    pincel.lineWidth = 2;
    pincel.beginPath();
    pincel.ellipse(x, y, 50, 24, Math.PI + 17, 17, Math.PI + 9);
    pincel.stroke();
  }

  function dibujarHoja(x, y, angulo) {
    pincel.strokeStyle = "green";
    pincel.lineWidth = 2;
    pincel.beginPath();
    pincel.ellipse(x, y, 9, 3, angulo, 0, Math.PI * 2);
    pincel.stroke();
  }

  function dibujarFlor(x, y) {
    dibujarCirculo(x, y, 12, "red");
    dibujarCirculo(x, y - 25, 12, "yellow");
    dibujarCirculo(x + 25, y, 12, "black");
    dibujarCirculo(x - 25, y, 12, "orange");
    dibujarCirculo(x, y + 25, 12, "blue");

    dibujarTallo(300 - 9, 200 + 27);

    dibujarHoja(300 + 12, 200 + 45, Math.PI / 3);
    dibujarHoja(300 + 23, 200 + 35, Math.PI / -3);
  }

  dibujarFlor(300, 200);
</script>

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

1 respuesta

Hola Marchionno, espero que estés bien.

Excelente tu código! gracias por compartirlo con nosotros.

Si aún no estas en nuestro Discord, únete: https://discord.gg/mDnHBwEJ, allí podrás compartir tu código, aclarar tus dudas y interactuar con otros estudiantes.

Continúa con tus estudios y si tienes alguna duda sobre el contenido, estaremos aquí en el foro dispuestos a ayudar!

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