​

function setup() {

  createCanvas(600, 400);

  columnSlider= createSlider(1,100,12);

  rowSlider= createSlider(1,100,12);

​

​

  // Button to regenerate the pattern

 let regenerateButton = createButton("Regenerate");

  regenerateButton.position(200, 400);

  regenerateButton.mousePressed(regeneratePattern);

​

  // Button to save the pattern

  let saveButton = createButton("Save");

  saveButton.position(300, 400);

  saveButton.mousePressed(savePattern);

}

​

function draw() {

  // Draw the current pattern

  drawPattern();

}

​

function regeneratePattern() {

  // Regenerate the pattern

  background(255);

  drawPattern();

}

​

function savePattern() {

  // Save the current canvas as an image

  let img = get(0, 0, width, height);

  patterns.push(img);

  console.log(`Pattern saved. Total patterns: ${patterns.length}`);

}

function draw() {

  background('black');

  for (var x = 50; x < width;  x += 50){

    var y = random(500, 100,200);

    var r = random( 400,300,300);

    fill(blue,500,200,300);

    noStroke();

    ellipse(x,y,300);

  }

  circle(400,300,300);

  fill('yellow');

  circle(200,300,100);

fill('red');

  circle(500,100,200);

  fill('purple');

  circle(100,200,300);

  fill('pink');

  circle(400,100,200);

  fill('green');

  circle(400,300,150);

  fill('red');

  circle(500,100,300);

  fill('brown');

  circle(100,100,200);

  fill('blue');

  circle(100,300,200);

  fill('pink');

  circle(200,400,200);

  fill('purple');

  circle(500,300,200);

  fill('yellow');

  circle(300,300,200);

  fill('green');

  circle(200,50,150);

  fill('blue');

  circle(300,200,100);

  fill('purple');

}