210414b

function setup() {

  createCanvas(800, 800);

  background(0);

  noSmooth();

}

​

function draw() {

  let step = 1;

  copy(0, 0, width, height, -step, -step, width + step * 2, height + step * 2);

​

  randomSeed(frameCount / 100);

​

  let offset = width / 20;

  let x, y, xMin, yMin, xMax, yMax, xStep, yStep;

​

  xMin = offset;

  yMin = offset;

  xMax = width - offset;

  yMax = height - offset;

​

  y = yMin;

  while (y < yMax) {

    yStep = random((yMax - yMin) / 25, (yMax - yMin) / 3);

    if (y + yStep > yMax || yMax - (y + yStep) < (yMax - yMin) / 20) {

      yStep = yMax - y;

    }

    x = xMin;

    while (x < xMax) {

      xStep = random((xMax - xMin) / 25, (xMax - xMin) / 3);

      if (x + xStep > xMax || xMax - (x + xStep) < (xMax - xMin) / 20) {

        xStep = xMax - x;

      }

      // rect(x, y, xStep, yStep);

      drawOsc(x, y, xStep, yStep);

      x += xStep;

    }

    y += yStep;

  }

​

  // noLoop();

​

}

​

function drawOsc(x, y, w, h) {

  push();

  translate(x, y + h / 2);

  // line(0, 0, w, 0);

​

  let n = 0;

  let rn = random(TWO_PI);

  let wave_type = int(random(7));

  let freq = random(0.25, 4);

  fill(getColorByTheta((n + rn) / 10000, frameCount / 100, freq * 5 * sin(rn + frameCount / 100)));

  noStroke();

  beginShape();

  while (n < w) {

    let v = osc(n + rn, wave_type) * sin((x + y * width + n) / 50 + frameCount / 15);

    vertex(n, v * h);

    n++;

  }

  // vertex(n,h/2);

  // vertex(0,h/2);

  endShape(CLOSE);

​

​

  pop();

}

​

​

function osc(x, n = -1) {

  let v = 0.5;

  switch (n) {

    case 0:

      v = round(sin(-x * .1)) * .25;

      break;

    case 1:

      v = sin(x * .2) * .25;

      break;

    case 2:

      v = abs(sin(x * .1)) * .5;

      break;

    case 3:

      v = abs(sin(x * .01 + x * .1)) * .5;

      break;

    case 4:

      v = (x * .025) % 1 < .5 ? -.5 : .5;

      break;

    case 5:

      v = ceil(sin(x * .1)) * .25;

      break;

    case 6:

      v = sin(x * .1) * cos(x * 1) * .5;

      break;

  }

  return v;

}

​

function getColorByTheta(theta, time, freq) {

  let th = freq * theta + time * freq;

  let r = 0.5 + 0.5 * sin(th);

  g = 0.5 + 0.5 * sin(th - PI * 1 / 3);

  b = 0.5 + 0.5 * sin(th - PI * 2 / 3);

  return color(r * 255, g * 255, b * 255);

}