Marisol Park- animation

var size = 10

var sizeIncrement = 2

function setup() {

  createCanvas(windowWidth, windowHeight);

}

​

function draw() {

  background(0);

​

//flower1

  push();

  translate(250, 300);

  rotate(frameCount / 20.0);

  flower(0, 0, 70, 200, 6, 8, "DeepPink", "LightPink")

  scale(size);

  flowerCenter ("MediumBlue", "DodgerBlue", 1, 1);

  pop();

//flower2

  push();

  translate(650, 500);

  rotate(frameCount / 5.0);

  flower(0, 0, 50, 130, 8, 18, "yellow", "Chartreuse");

  scale(size);

  flowerCenter ("tomato", "tomato", 1, 1);

  pop();

​

  //flower3

  push();

  translate(850, 200);

  rotate(frameCount / 30.0);

  flower(0, 0, 70, 150, 10, 28, "LightCyan", "MediumSlateBlue")

  scale(size);

  flowerCenter ("Indigo", "Indigo", 1, 1);

  pop();

  size = size+sizeIncrement;

  if(size>5) sizeIncrement = -sizeIncrement; // reverse it

  if(size<60) sizeIncrement = -sizeIncrement; // reverse it

​

}

​

function flower(x, y, radius1, radius2, npoints, tilt, fcolor, scolor) {

  fill(fcolor);

  stroke(scolor);

  let angle = TWO_PI / npoints;

  let halfAngle = angle / tilt;

  beginShape();

  for (let a = 0; a < TWO_PI; a += angle) {

    let sx = x + cos(a) * radius2;

    let sy = y + sin(a) * radius2;

    vertex(sx, sy);

    sx = x + cos(a + halfAngle) * radius1;

    sy = y + sin(a + halfAngle) * radius1;

    vertex(sx, sy);

  }

  endShape(CLOSE);

}

​

function flowerCenter(ccolor, cstroke, cwidth, cheight){

  fill(ccolor);

  stroke(cstroke);

  ellipse(0, 0,cwidth, cheight);

}