Flor / Flower

let centroideX,centroideY;

var radio1,radio2,radio3;

var angulo,angulo2;

var contador,incr1,incr2,incr3,incr4;

let xCP,yCP,xCP2,yCP2,xCP3,yCP3;

​

​

// gui

var visible = true;

//var gui, gui2;

​

​

function setup() {

  createCanvas(480, window.innerHeight);

  angulo = 45;

   angulo2 = 0;

   centroideX = width/2;

  centroideY = height/2;

   radio1 = width*(0.75/5);

   radio2 = width*(0.4/5);

   radio3 = 5;

  contador = 170;

  incr1 = 2;

  incr2 = 200;

  incr3 = 0.75;

  incr4 = 1.0;

  xCP0 = 0.0;

  yCP0 = 0.0;

  xCP2 = 0.0;

  yCP2 = 0.0;

  xCP3 = 0.0;

  yCP3 = 0.0;

  ////////////////////////////////////

  // Calculate big radius

 // bigRadius = height / 3.0;

​

  //// Create Layout GUI

  //gui = createGui('Layout');

  //sliderRange(0, 100, 1);

  //gui.addGlobals('numShapes', 'bigRadius');

​

  //// Create Shape GUI

  //gui2 = createGui('Style').setPosition(width - 220, 20);

  //colorMode(HSB);

  //sliderRange(-360, 360, 1);

  //gui2.addGlobals('incr1','incr2');

  //sliderRange(-1, 3, 0.1);

  //gui2.addGlobals('incr3');

  //sliderRange(0, width/10, 0.1);

  //gui2.addGlobals('radio1','radio2','radio3');

  ////sliderRange(0, 10, 0.1);

  //gui2.addGlobals('drawStroke', 'strokeColor', 'strokeWidth');

​

  // Don't loop automatically

  //noLoop();

/////////////////////////////////////

  frameRate(24);

}

​

​

function draw() {

  background(10);

   for(let i = contador-170; i <= contador; i+=incr4){

      xCP = (radio1+radio2)*cos(radians(angulo + i*incr1))+centroideX;

      yCP = (radio1+radio2)*sin(radians(angulo + i*incr1))+centroideY;

      xCP2 = (incr3*radio2)*cos(radians(angulo2 + i*incr2))+xCP;

      yCP2 = (incr3*radio2)*sin(radians(angulo2 + i*incr2))+yCP;

      xCP = (radio3+radio2)*cos(radians(angulo + i*incr1))+centroideX;

      yCP = (radio3+radio2)*sin(radians(angulo + i*incr1))+centroideY;

      xCP3 = (incr3*radio2)*cos(radians(angulo2 + i*incr2))+xCP;

      yCP3 = (incr3*radio2)*sin(radians(angulo2 + i*incr2))+yCP;

      if (mouseIsPressed) {

        incr2 = map(mouseX,3.0,width-3.0,-360.0,360.0);

        incr4 = map(mouseY,3.0,height-3.0,0.2,2.0);

        fill(211,205,19);

      }else{

         stroke(211,205,19);

        line(xCP2,yCP2,xCP3,yCP3);

        fill(191,13,170);

      }

      noStroke();

      circle(xCP2,yCP2,3);

     fill(191,13,170);

      circle(xCP3,yCP3,3);

    }

​

    contador++;

}