the code below draws flowers to the canvas, 

but their petals are not rotated properly. 

add rotations where marked to spread the 

petals out as shown in the example gif.

*/

​

let angle = 0;

​

function setup(){

  createCanvas(600,600);

  noStroke();

  smooth();

  ellipseMode(CENTER);

}

​

function draw(){

  background(255);

  flower(255,3,214,3*width/4,angle*5);

  flower(2,232,255,width/2,angle);

  flower(255,247,3,width/4,angle);

  angle += 1;

}

​

function flower(r, g, b, trans, angle){

  push();

  translate(trans,trans);

  rotate(radians(angle));

  fill(r,g,b,50);

  ellipse(25, 0, 50, 20);

  ellipse(-25, 0, 50, 20);

​

  rotate(PI / 4);

  ellipse(25, 0, 50, 20);

  ellipse(-25, 0, 50, 20);

​

  rotate(PI / 4);

  ellipse(25, 0, 50, 20);

  ellipse(-25, 0, 50, 20);

​

  rotate(PI / 4);

  ellipse(25, 0, 50, 20);

  ellipse(-25, 0, 50, 20);

  ellipse(0,0,20,20);

  pop();

}