var speedRand;

let font;

let letter;

var myColor;

var strWg;

var rotNum;

​

​

function setup() {

  createCanvas(800, 800);

  constructGraphics();

  noStroke();

}

​

function constructGraphics() {

  canvas = createGraphics(800, 800);

​

  //creates a PGraphics where an letter will be called. PGraphics canvas will not be called/drawn?

​

  canvas.fill(0,100)

  canvas.rect(0, 0, canvas.width, canvas.height);

  canvas.smooth(4);

  canvas.translate(canvas.width / 2, canvas.height / 2);

  canvas.fill(255);

  canvas.ellipse(0, 0, 400);

}

​

function draw() {

  background(0);

​

  strokeWeight(strWg);

​

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

    for (var y = 0; y < height + 25; y += 25) {

      myColor = canvas.get(x, y);

      readCanvas();

​

      ellipse(x, y, 25);

    }

  }

}

​

function readCanvas() {

  if (myColor[0] < 200) {

    fill(255);

  } else {

    noFill();

  }

}

​