​

// How many columns of waves to display

let columns = 15;

// What is the range of motion for a single wave (vertically)

let waveMaxWidth = 120;

// A base time value for our noise() function which we'll

// use to move the waves overall

let baseT = 0.001;

​

function setup() {

  createCanvas(500, 500);

}

​

function draw() {

  background(0);

​

  drawWaves(columns);

//   this is inspired by Georgia O'keeffe's painting, My Last Door; there are three different modes of the black square, random RGB color, black and white color, and all black mode.

//   fill(0);

//   rect(width/2 - 50, height/2 -50, 100, 100);

  let length = 100;

  for(let i = width/2 - 50; i < width/2; i= i+1) {

    // fill(random(255), random(255), random(255));

     fill(random(35));

    // fill (1)

    rect(i, i, length, length);

    length = length - 2;

  }

}

​

function drawWaves(number) {

  for (let i = number; i >= 0; i--) {

    drawWave(i, number);

  }

  // the base time parameter of how quickly the wave moves

  baseT += 0.05;

}

​

function drawWave(n, columns) {

  let baseX = height - (n * waveMaxWidth) / 3;

  let t = baseT + n * 100;

  let startY = 0;

​

  push();

​

  colorMode(HSB);

​

  let hue = map(n, 0, columns, mouseX, mouseY);

  fill(hue, 60, 50);

  noStroke();

  beginShape();

​

  vertex(0, startY);

​

  for (let y = 0; y <= height; y += 15) {

    let x = baseX - map(noise(t), 0, 1, 10, waveMaxWidth);

​

    vertex(x, y);

​

    t += 0.02;

  }

​

  vertex(baseX, width);

  vertex(height, width);

  vertex(height, 0);

  endShape();

​

}