Random Shape Generator - OpenProcessing

Generator.js
xxxxxxxxxx
 
let a = [], b = [], p = [], con = [], num = 9, itv = 0.08
​
function setup() {
  createCanvas(min(windowWidth, windowHeight), min(windowWidth, windowHeight))
  frameRate(30)
  strokeCap(PROJECT)
  
  for (let i = 0; i < num; i++) {
    a.push(width * (0.5 - (num - 1)/ 2 * itv + i * itv))
    b.push(height * (0.5 - (num - 1) / 2 * itv + i * itv))
  }
  
  for (let y = 0; y < b.length; y++) {
    for (let x = 0; x < a.length; x++) {
      p.push(createVector(a[x], b[y]))
    }
  }
}
​
function draw() {
  background(240)
  
  for (let i = 0; i < p.length; i++) {
    noStroke()
    fill(36)
    circle(p[i].x, p[i].y, itv * 100)
  }
  
  for (let i = 0; i < con.length; i++) {
    con[i].display()
  }
}
​
function mouseReleased() {
  con = []
  for (let i = 0; i < 6; i++) {
    let rand = random(3)
    
    if (rand < 1) {
      let s1 = createVector(a[int(random(a.length) - 1)], b[int(random(b.length) - 1)])
      let s2 = createVector(a[int(random(a.length) - 1)], b[int(random(b.length) - 1)])
      
      con.push(new Straight(s1, s2))
    } else if (rand < 2) {
      let s1 = createVector(a[int(random(a.length) - 1)], b[int(random(b.length) - 1)])
      let s2 = createVector(a[int(random(a.length) - 1)], b[int(random(b.length) - 1)])
      let s3 = createVector(a[int(random(a.length) - 1)], b[int(random(b.length) - 1)])
      let s4 = createVector(a[int(random(a.length) - 1)], b[int(random(b.length) - 1)])
      
      con.push(new Curve(s1, s2, s3, s4))
    } else {
      let s1 = createVector(a[int(random(a.length) - 1)], b[int(random(b.length) - 1)])
      con.push(new Circle(s1))
    }
  }
}
​
function keyPressed() {
  if (keyCode == ENTER) {
    saveCanvas('img', 'png')
  }
}
​
class Straight {
  constructor(start, end) {
    this.start = start
    this.end = end
    this.c = color(random(255), random(255), random(255))
    this.w = random(36, 60)
  }
  
  display() {
    strokeWeight(this.w)
    stroke(this.c)
    noFill()
    line(this.start.x, this.start.y, this.end.x, this.end.y)
  }
}
​
class Curve {
  constructor(start, scp, ecp, end) {
    this.start = start
    this.end = end
    this.scp = scp
    this.ecp = ecp
    this.c = color(random(255), random(255), random(255))
    this.w = random(36, 60)
  }
  
  display() {
    strokeWeight(this.w)
    stroke(this.c)
    noFill()
    bezier(this.start.x, this.start.y, this.scp.x, this.scp.y, this.ecp.x, this.ecp.y, this.end.x, this.end.y)
  }
}
​
class Circle {
  constructor(p) {
    this.p = p
    this.c = color(random(255), random(255), random(255))
    this.w = random(36, 60)
  }
  
  display() {
    noStroke()
    fill(this.c)
    circle(this.p.x, this.p.y, this.w)
  }
}