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 19 - Rainy Brushstrokes

rainy-brushstrokes-1.png

Another in my series of lovely missteps that happened on the way to figuring out how to get what I wanted on Day 16. This came from playing around with noise and the make up of the repeating ellipses. Once I saw this fun rain effect, I added some opacity rules and randomness as the drops went down the canvas.

Sketch:

https://editor.p5js.org/chelseamwatson/present/syHZ-tdKD

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) * 8;

  fill(0, height - y * 1.5 * n);
  ellipse(x + n, y + n, 200 / y, 100 - y);
  y = y + (n * 2);

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

  if (x > width) {
    noLoop()
  }

}
Chelsea Watson