Arctic Landscape

// For the #WCCChallenge, theme: "generative landscape".

function setup() {

  createCanvas(0.98 * windowWidth, 0.98 * windowHeight, WEBGL);

  background('ivory');

  rectMode(CENTER);

  beginClip();

  rect(0, 0, 0.98 * width, 0.95 * height)

  endClip();

  push();

  fill('rgba(135,206,235,0.15)');

  translate(0, 0, -3 * height);

  rect(0, 0, 15 * width, 15 * height);

  pop();

  drawLandscape();

}

​

function drawLandscape() {

  noFill();

  stroke('rgb(19,84,108)');

  for (let a = 0; a < PI; a += PI / 180) {

    strokeWeight(1.5 * sin(a));

    line(0, -height / 4, -2.1 * height, cos(a) * 3 * width, -sin(a) * 3 * height, -2.1 * height);

  }

  strokeWeight(0.2);

  for (let y = -height / 1.5; y < 0; y += height / 120) {

    if (y < -height / 2) fill('ivory');

    else noFill();

    beginShape();

    vertex(-3 * height, 0, 2 * y);

    vertex(-3 * height, 0, 2 * y);

    for (let x = -3 * height; x < 3 * height; x += height / 50) {

      let wiggle = (height / 3) * noise((x + 2 * width) / 200, (y + 2 * width) / 200);

      curveVertex(x, min(0, y + wiggle), 2 * y);

    }

    vertex(3 * height, 0, 2 * y);

    vertex(3 * height, 0, 2 * y);

    endShape();

  }

  fill('rgba(255,255,240,0.2)');

  strokeWeight(0.1);

  for (let z = -height; z < 2 * height; z += height / 100) {

    let rise = map(z, -height, 2 * height, 0, height / 8);

    beginShape();

    for (let x = -2 * height; x < 2 * height; x += height / 25) {

      let y = rise + rise * noise((x + width) / 100, (z + width) / 100);

      curveVertex(x, y, z);

    }

    endShape();

  }

}