generating worlds

let colors;

const h = 960;

​

function setup() {

  createCanvas(h, h * 19 / 32);

  colorMode(HSB, 360, 100, 100, 1.0);

  rectMode(CENTER);

  background(0, 0, 5);

  colors = [

    color(0, 0, 95, 0.2),

    color(265, 85, 90, 1.0),

    color(205, 95, 90, 1.0),

    color(155, 88, 90, 1.0),

    color(31, 88, 90, 1.0)

  ];

  shuffle(colors, true);

}

​

let i = 0;

const noiseScale = 0.005;

​

function draw() {

  noStroke();

  const inc = 0.57;

  drawLine(i, 0, width, inc, "x");

  drawLine(i * (width / height), 0, height, inc, "y");

​

  const alpha = 0.2;

  drawLine(i, 0, width, inc * 5, "x", alpha);

  drawLine(i * (width / height), 0, height, inc * 5, "y", alpha);

  i += inc;

  if (i >= max(height, width) + inc) {

    noLoop();

  }

}

​

function getNoise(x, y) {

  return noise(x * noiseScale, y * noiseScale);

}

​

function getColorIndex(x, y) {

  const n = getNoise(x, y);

  return round(map(n * 10, 0, 10, 0, colors.length - 1));

}

​

function drawLine(i, start, max, inc, dir, a) {

  a = a || 1.0;

  for (var k = start; k <= max + inc; k += inc) {

    const x = dir === "x" ? k : i;

    const y = dir === "x" ? i : k;

    const d00 = dist(width / 2, height / 2, 0, 0);

    const d = dist(width / 2, height / 2, x, y);

    const ci = getColorIndex(x, y);

    const c = colors[ci];

    const t = height * 0.43;

    const w = d > t ? sin(d / t) : (cos(d / t));

    const n = getNoise(x, y);

    const s = w * map(n, 0, 1, inc * 0.618, inc);

    c.setAlpha(d > t ? 0.01 : a);

    fill(c);

    const xs = dir === "x" ? s : s;

    const ys = dir === "x" ? s : s;

    if (n > 0.5) {

      rect(x, y, xs, ys);

    } else {

      ellipse(x, y, s, s);

    }

  }

}