​

​

​

​

function setup() {

  createCanvas(600, 500);

  background('80')

​

  var Refresh = createButton("Refresh");

  Refresh.mousePressed(pattern);

  Refresh.position(10, height - 30);

   var saveImageButton = createButton("Save Image");

  saveImageButton.mousePressed(saveImage);

  saveImageButton.position(480, height - 30);

  columnSlider = createSlider(20, 600);

  columnSlider.input(pattern);

  pattern()

}

​

function pattern() {

​

  background(220);

  columnWidth = columnSlider.value();

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

     var y = random(600);

    var r = random(0, 255);

    var b = random(0, 255);

    fill(r, b, 0,60);

    quad(x+10,y+50,x-90,y+30,x+80,y-20,x+40,y-80)

  } 

​

}

​

function saveImage() {

  save("interface.jpg");

}