I had my mentor Adam Morse’s voice in the back of my head saying “but what if you added some noise to it?” as I created this seemingly simple grid of dots. And yeah, he was right. I’m still amazed that, with 30 lines of code, you can write a program to generate such unique pieces every time it runs. This one has me excited to get to screen printing.

Sketch:

https://editor.p5js.org/chelseamwatson/present/I04_BTLwn

Drawings:

Code:

off = 0;
function setup() {
  createCanvas(700, 700);
  background(248);
  noStroke();
  dR = random(0, 200);
  oR = random(1, 50);
  let shades1 = ["#F7003A", "#121122"];
  let shades2 = ["#B08C3B", "#76A49F"];
  let shade1 = random(shades1);
  let shade2 = random(shades2);
  cS1 = color(shade1);
  cS2 = color(shade2);
}
function draw() {
  off = off + 0.001;
  n = noise(off) * 2;
  for (y1 = dR * n; y1 < height - dR * n; y1 = y1 + 20 * n) {
    for (x1 = dR * n; x1 < width - dR * n; x1 = x1 + 20 / n) {
      off = off + 0.001;
      n = noise(off) * 2;
      s = random(5, 10);
      fill(cS1);
      ellipse(x1, y1, s, s + 2);
      fill(cS2);
      ellipse(x1 + oR, y1 + oR, s, s + 2);
    }
  }
  noLoop();
}

100x100 Computational Design Challenge

Day 93 - Dots per Inch

Sketch:

Drawings:

Code: