Chelsea Watson
0

100x100 Computational Design Challenge

Throughout 2020 I created 100 computational designs in 100 days as a way to learn creative coding and explore generative art

Day 18 - Dripping Dots

dripping-dots-1.png

Okay, this is where things start to get reallllly interesting. Well, for me anyway. As mentioned in previous posts, I came across some real beauties as I was trying to work out the code for the idea I had for a sketch on Day 16. I usually hit play and let the canvas update as I tweak the code to see where things are at, it’s a practice I’ll definitely make sure to keep doing after this week. I have no idea how I did it but, at some point in playing around with numbers and equations, my dots melted away into these lovely, organic brushstrokes. I tried colour for this one, but felt it took away from the inky blotchy feel of the piece. I encourage you to click the link and watch the program run, the vertical strokes even behave a bit like ink, expanding as they dry. It’s really quite something!

Sketch:

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

Drawings:

Code:

x = 10;
y = 10;
let xoff = 0;

function setup() {
  createCanvas(600, 600);
  noStroke();
  rectMode(RADIUS);
  background(250);
}

function draw() {
  xoff = xoff + .1;
  let n = noise(xoff) * 5;

  fill(0);
  ellipse(x + n, y + n, 100 / y * 2, 10 - y);
  y = y + (n * 5);

  if (y > height) {
    y = 10;
    x = x + (n * 5);
  }

  if (x > width - 10) {
    noLoop()
  }
}
Chelsea Watson