Michal Shahaf

11/14/22 

*/

var x = (0, 400);

var y = (0, 400);

var r = (100, 255);

var g = (0, 255);

var b = (100, 255);

var s = (20, 200);

​

function setup() {

  createCanvas(400, 400);

​

  pattern();

​

  var patternButton = createButton("New Pattern");

  patternButton.mousePressed(pattern);

​

  var saveButton = createButton("Save Image");

  saveButton.mousePressed(saveImage);

}

​

function saveImage() {

  save("pattern.png");

}

​

function pattern() {

  var y = random(0, 400);

  var r = random(100, 255);

  var g = random(0, 255);

  var b = random(100, 255);

  var s = random(20, 200);

  background(r, b, g);

  fill(r, g, b, 90);

  noStroke();

  for (var x = 0; x < width; x += 30) {

    ellipse(x, y, s);

  }

}

function draw() {

  button(x, y, 40);

}

​

function button(x, y, s) {

  var d = dist(mouseX, mouseY, (x = +30), y);

​

  ellipse(mouseX, mouseY, 40);

}

​