createCanvas(960, 540);

  angleMode(DEGREES);

  noLoop();

  tilesPerRow = 7;

  tilesPerColumn = 5;

  tileWidth = width / tilesPerRow;

  tileHeight = height / tilesPerColumn;

  dotFills = ["yellow", "orange", "tan"];

  dotFill = random(dotFills);

  dotsPerTile = 1;

​

  //let buttefly1Fills = ["hotPink","yellow","tomato"]; 

  //let computerChoice = random(bubbles);

  butterfly1 = {

    startX: 100,

    startY: 50,

    scale: .35,

    fill: "hotPink"

    //Fills: ["hotPink","yellow","tomato"]

  }

​

  butterfly2 = {

    startX: 150,

    startY: 100,

    scale: .17,

    fill: "aqua"

  }

​

  flower1 = {

    startX: random(110),

    startY: 84,

    scale: .20,

    fill: "orange"

  }

}

​

function draw() {

  background(30, 90, 30);

  //row

  for (let columnsDrawn = 0; columnsDrawn < tilesPerRow; columnsDrawn++) {

    let offsetRight = columnsDrawn * tileWidth;

    //column

    for (let rowsDrawn = 0; rowsDrawn < tilesPerColumn; rowsDrawn++) {

      let offsetDown = rowsDrawn * tileHeight;

      //dots

      for (let dotsDrawn = 0; dotsDrawn < dotsPerTile; dotsDrawn++) {

        let dotFill = random(dotFills);

        let dotX = offsetRight + random(tileWidth);

        let dotY = offsetDown + random(tileHeight);

        addDot(offsetRight, offsetDown, dotFill);

      }

​

      butterfly1.x = butterfly1.startX + offsetRight;

      butterfly2.x = butterfly2.startX + offsetRight;

      flower1.x = flower1.startX + offsetRight;

      butterfly1.y = butterfly1.startY + offsetDown;

      butterfly2.y = butterfly2.startY + offsetDown;

      flower1.y = flower1.startY + offsetDown;

      //flower1.flower1Fill = random();

      butterfly2.startX = random(150);

      flower1.startX = random(110);

      addButterfly(butterfly1)

      addButterfly(butterfly2)

      addFlower(flower1)

    }

  }

}

​

​

​

//pink butterfly 

function addButterfly(butterfly) {

  push();

  translate(butterfly.x, butterfly.y);

  scale(butterfly.scale);

  fill(butterfly.fill);

  noStroke();

  for (let wingsDrawn = 0; wingsDrawn < 5; wingsDrawn++) {

    rotate(70);

    ellipse(0, 0, 80, 20);

  }

  fill(40, 20, 20);

  noStroke();

  for (let wingsDrawn = 0; wingsDrawn < 5; wingsDrawn++) {

    rotate(70);

    ellipse(0, 0, 80, 5);

  }

  pop();

}

​

​

//blue butterfly

function addButterfly(butterfly) {

  push();

  translate(butterfly.x, butterfly.y);

  scale(butterfly.scale);

  fill(butterfly.fill);

  noStroke();

  for (let wingsDrawn = 0; wingsDrawn < 5; wingsDrawn++) {

    rotate(75);

    ellipse(0, 0, 100, 20);

  }

​

  fill(40, 20, 20);

  noStroke();

  for (let wingsDrawn = 0; wingsDrawn < 5; wingsDrawn++) {

    rotate(75);

    ellipse(0, 0, 100, 5);

  }

  pop();

}

​

//adding sunflower

function addFlower(flower) {

  push();

  translate(flower.x, flower.y);

  scale(flower.scale);

  fill(flower.fill);

  noStroke();

  for (let petalsDrawn = 0; petalsDrawn < 9; petalsDrawn++) {

    rotate(30);

    ellipse(0, 0, 30, 100);

  }

  fill(70, 50, 10);

  noStroke();

  for (let petalsDrawn = 0; petalsDrawn < 9; petalsDrawn++) {

    rotate(30);

    ellipse(0, 0, 15, 60);

  }

  pop();

}

​

function addDot(x, y, dotFill) {

  push();

  translate(x, y);

  fill(dotFill);

  noStroke();

  rect(1, 2, 5, 4, 10, 5);

  pop();

}