Today’s design was built off a prompt from my mentor, Adam to “add some shapes to the canvas and randomize something about them aside from just placement”. Um…sure! So, I created this program to randomize the shape drawn (line, square or rectangle) along with the quantity, size, placement and opacity of those shapes. I still wanted to make sure they all felt like part of the same series, so I set some parameters with regards to colour, min/max size, and kept everything moving along the same plane. I love all the possibilities the program can spit that I would have never thought of on my own - I struggled to stop generating sketches and narrow down my favourites! As usual when working with colour, the palette is inspired by Camilla Engman’s work.

Sketches:

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

Code:

let x = 50;

function setup() {
  createCanvas(700, 700);
  background(233, 228, 222);
  strokeWeight(10);
  stroke(233, 228, 222);

}

function draw() {
  let r = random(50, 250);
  let shapes = [rect, ellipse, line];
  let shape = random(shapes);
  x = x + (r / 2);
  if (shape == rect) {
    fill(124, 151, 145, r)
  } else {
    fill(182, 71, 23, r)
  }
  shape(x, x, r, r);
  if (x > 400) {
    noLoop()
  }

}

100x100 Computational Design Challenge

Day 5 - Modern Shapes

Sketches:

Code: