random polygons: v4 - OpenProcessing

mySketch
xxxxxxxxxx
 
//Controls:
// 1 to reset canvas
// 2 to make small polygons
// 3 to make medium polygons
// 4 for large polygons
// g for grayscale pallete
// c for coloured pallete
​
let vertexLength = 150;
let lengths = [50, 150, 250];
let pallete = ["#594F4F", "#547980", "#45ADA8", "#9DE0AD", "#E5FCC2", "#594F4F", "#547980", "#45ADA8"];
​
//coloring options
​
let grayscalePallete = [220]
let colouredPallete = ["#594F4F", "#547980", "#45ADA8", "#9DE0AD", "#E5FCC2", "#594F4F", "#547980", "#45ADA8"]
​
function setup() {
  createCanvas(windowWidth, windowHeight);
  frameRate(20);
  background(100);
  noStroke()
  shadowsOn();
  //noLoop();
}
  
function draw() {
  
  const numShapes = random(2,5)
  for (i = 0; i < numShapes; i++) {
    const numVertices = random(3,6)
    let randomPoints = []
    for (i = 0; i < numVertices; i++) {
      randomPoints.push({x: random(-vertexLength, vertexLength), 
                         y: random(-vertexLength, vertexLength)})
    }
    if (mouseIsPressed) {
    beginShape();
    defineVertices(randomPoints);
    fill(random(pallete))
    endShape(CLOSE)
    
    beginShape()
    defineSymmetryVertices(randomPoints);
    fill(random(0,250), random(0,250), random(0,250))
    if (pallete) {
      fill(pallete)
    }
    endShape(CLOSE);
    }
  }
}
  
//const colorPicker = () => palette? palette : random(colourPallete)
​
function defineVertices (randomPoints) {
  for (const point of randomPoints) {
      vertex(mouseX + point.x, mouseY + point.y);
  }
}
​
function defineSymmetryVertices (randomPoints) {
  for (const point of randomPoints) {
      vertex(width-(mouseX + point.x), (mouseY + point.y));
  }
}
​
function shadowsOn(amount = 30) {
  drawingContext.shadowBlur = amount;
  drawingContext.shadowColor = color(50, 150);
}
​
function shadowsOff() {
  drawingContext.shadowBlur = 0;
}
​
function keyPressed() {
  if (key === "1") {
    background(100)
  }
  if (key === "2") {
    vertexLength = lengths[0]
  }
  if (key === "3") {
    vertexLength = lengths[1]
  }
  if (key === "4") {
    vertexLength = lengths[2]
  }
  if (key === "g") {
    pallete = grayscalePallete
  }
    if (key === "c") {
    pallete = colouredPallete
  }
  
}
​