let cols, rows;

let w = 1800;

let h = 1200;

​

let flying = 0;

let terrain = [];

​

function setup() {

  createCanvas(600, 600, WEBGL);

  cols = w / scl;

  rows = h / scl;

​

  for (var x = 0; x < cols; x++) {

    terrain[x] = [];

    for (var y = 0; y < rows; y++) {

      terrain[x][y] = 0; //specify a default value for now

    }

  }

}

​

function draw() {

  flying -= 0.02;

  var yoff = flying;

  for (var y = 0; y < rows; y++) {

    var xoff = 0;

    for (var x = 0; x < cols; x++) {

      terrain[x][y] = map(noise(xoff, yoff), 0, 0.9, -100, 100);

      xoff += 0.2;

    }

    yoff += 0.1;

  }

​

  background(200,0,120);

  strokeWeight(1);

  noStroke();

  noFill();

​

  translate(0, 50);

  rotateX(PI / 3);

  translate(-w / 2, -h / 2);

  for (let y = 0; y < rows; y++) {

    beginShape(TRIANGLE_STRIP);

    for (let x = 0; x < cols; x++) {

      vertex(x * scl, y * scl, terrain[x][y]);

      vertex(x * scl, (y + 1) * scl, terrain[x][y + 1]);

      fill(30,0,10,90);

      // stroke(25,10);

    }

    endShape();

  }

}

​