var a = 0;

var x = 0;

var y = 0;

var c = 0;

​

​

function preload () {

  //load the image

  img = loadImage('image/petal.png');

}

function setup() {

  createCanvas(400, 400);

  angleMode(DEGREES);

}

​

function draw() {

  background(193, 244, 197);

  push();

  translate(width/2, height/2);

   rotate(a);

  if (a<180) {

    a+=1;

  }

  else if (a>180) {

    a-=1;

  }

  drawPetal(220,200,random(140,150));

  drawQuad(random(138,140),220,random(230,240));

  drawRec(120,60,random(180,200));

  drawQuad(140,80,random(240,250));

  //image(img,0,0,120,120);

  drawPetal(140,50,random(180,190));

  drawPetal(90,20,random(160,170));

  drawPetal(40,10, random(140,150));

  drawCircle(20,20,190);

  noLoop();

  pop();

  fill(255, 123, 169);

  stroke(255);

  ellipse(width/2, height/2,15,15);  

}

​

function drawPetal(x,y,c) {

  fill(255, c, 216);

  stroke(255);

  for (var r = 0; r < 360; r = r + 45) {

  push();

  rotate(r);

  ellipse(0,0,x,y);

  pop();

}}

​

function drawRec(x,y,c) {

  fill(255, c, 192);

  stroke(255);

  for (var r = 0; r < 360; r = r + 60) {

  push();

  rotate(r);

  rect(0,0,x,y);

  pop();

}}

​

function drawQuad(x,y,c) {

  fill(255, c, 182);

  stroke(255);

  for (var r = 0; r < 360; r = r + 60) {

  push();

  rotate(r);

  quad(0, 0, -x, -x, 0,y, x, x);

  pop();

}}

​

function drawCircle(x,y,c) {

  fill(255, c, 192);

  stroke(255);

  for (var r = 0; r < 360; r = r + 60) {

  push();

  rotate(r);

  ellipse(140,40,x,y);

  pop();

}}

​

​