Organic 2.0 - OpenProcessing

mySketch
xxxxxxxxxx
 
/*
Organic 2.0
​
Author:
  Jason Labbe
​
Site:
  jasonlabbe3d.com
​
Controls:
  - Move mouse along x-axis to change count.
  - Click to switch colors.
*/
​
var colorThemes = [
  ["#145C9E", "#0E2166", "#7692FF", "#058ED9", "#ABD2FA"],
  ["#027733", "#FCFAFA", "#8ED081", "#355834", "#B4D2BA"],
  ["#157A6E", "#FCB0B3", "#F93943", "#B0DB43", "#53DD6C"],
  ["#FBD1D3", "#F198AF", "#EBB2D6", "#9F81CD", "#766DC1"],
  ["#E88D67", "#A3CAD5", "#E0EEF1", "#E8CCBF", "#76B0C0"]
];
var colorTheme;
​
​
function setup() {
  createCanvas(windowWidth, windowHeight);
  mouseX = width / 4;
  colorTheme = random(colorThemes);
}
​
​
function mouseClicked() {
  colorTheme = random(colorThemes);
}
​
​
function draw() {
  let f = frameCount;
  
  background(0);
  
  translate(width / 2, height / 2);
  rotate(-f * 0.005);
  
  let i = 0;
  
  for (let rad = 0; rad < TWO_PI; rad += map(mouseX, 0, width, 0.02, 0.1)) {
    push();
    rotate(rad);
    
    // Kill noise at start/end so they don't overlap.
    let weight = 1;
    if (rad < QUARTER_PI) {
      weight = map(rad, 0, QUARTER_PI, 0, 1);
    } else if (rad > TWO_PI - QUARTER_PI) {
      weight = map(rad, TWO_PI - QUARTER_PI, TWO_PI, 1, 0);
    }
    
    let n1 = map(noise(f * 0.001 + rad), 0, 1, -2, 2) * weight;
    let n2 = map(noise((1000 + f) * 0.001 + rad), 0, 1, -2, 2) * weight;
    
    let pnts = [
      [0, 0],
      [sin(f * 0.04 - 5 + n1) * 25, 100],
      [cos(f * 0.04 - 2.5 + n2) * 50, 200],
      [sin(f * 0.04 + n1) * 75, 300],
      [0, 400],
      [0, 500]
    ];
    
    if (i % 2 == 0) {
      beginShape();
      pnts.reverse();
    }
    
    for (let x = 0; x < pnts.length; x++) {
      curveVertex(pnts[x][0], pnts[x][1]);
    }
    
    if (i % 2 != 0) {
      noStroke();
      fill(colorTheme[i % colorTheme.length]);
      endShape();
    }
    
    pop();
    
    i++;
  }
}