​

function preload () {

  //load the image

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

  img2 = loadImage('image/2.png');

}

​

function setup() {

  createCanvas(400, 400);

}

​

​

​

var d = 8;

var n = 5;

​

​

​

function draw() {

  background(21, 29, 59);

  //background(121, 0, 255);

  tint(147, 255, 216);

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

  //tint(207, 255, 220);

  image(img2,0,0,400, 400);

​

  drawRose(random(0,200));

  drawRose(random(0,200));

  //drawCircle(20,20,190);

}

​

function drawRose(c) {

  n = round(random(1,8));

  d = round(random(1,8));

  var k = n / d;

  //var k = round(random(1,8));

  push();

  translate(width / 2, height / 2);

  if(k!=1 && k!=1/3){

  beginShape();

  stroke(216, 33, 72);

  //noFill();

  fill(216, 33, 72,c);

  strokeWeight(5);

  for (var a = 0; a < TWO_PI*d; a += 0.01) {

    var r = 200 * cos(k * a);

    var x = r * cos(a);

    var y = r * sin(a);

    vertex(x, y);

  }

  endShape(CLOSE);

  }

  pop();

  noLoop();

}

​

function drawCircle(x,y,e) {

​

  fill(255, e, 192);

  stroke(255);

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

  push();

  translate(width/2, height/2);

  rotate(r);

  ellipse(140,40,x,y);

  noLoop();

  pop();

}}

​

​

​