My Sketch

let blue;

let purple;

let teal;

let black;

let white;

let magenta;

​

let titleF;

let gSize = 100;

​

var refreshbtn;

​

​

function preload() {

​

  titleF = loadFont('Lemon Round.ttf');

}

​

function setup() {

  createCanvas(500, 700);

  background(100);

  purple = color(128, 0, 128);

  blue = color(80, 90, 130);

  black = color(40, 20, 50);

  teal = color(0, 128, 128);

  white = color(255, 250, 225);

  magenta = color(255, 0, 255);

​

​

  refreshbtn = createButton('Refresh Design');

  refreshbtn.position(0, height);

  refreshbtn.mousePressed(refreshBtnPressed);

  noLoop();

}

​

function refreshBtnPressed() {

  draw();

}

​

function draw() {

  background(teal);

  textAlign(CENTER);  

  fill(purple);       

​

  textFont(titleF);   

  textAlign(CENTER);  

  textSize(30);       

  var xn = width / 2 - 50;  

  var yn = 600;             

  var textBoxWidth = 300;   

  text('Eternal Sunshine of The Spotless Mind', xn, yn, textBoxWidth);

​

  push();                     

  translate(40, 160);         

  for (let i = 0; i < 3; i++) {     

    for (let j = 0; j < 4; j++) {   

      push();

      let x = i * (gSize);          

      let y = j * (gSize);          

      translate(x, y);              

      let dice = random(0, 1);      

      if (dice < 0.5) {             

        fill(white);                  

      } else {                      

        stroke(0,0,0,random(50));    

        noFill();                   

      }

​

      circle(0, 0, gSize,); 

      circle(20, 50, gSize)

      circle(30, 60, gSize)

      pop();

    }

  }

  pop();

}

​

function keyPressed() {

  if(key == 's') {

    saveCanvas("eda.computational.poster.jpg");

  }

}

​

​