var landscape;

​

function setup() {

  createCanvas(windowWidth, windowHeight, WEBGL);

    frameRate(60);

    res = 25;

    rows = height*2/res;

    cols = width*2/res;

    landscape = new Array(int(rows));

    for (let i = 0; i < landscape.length; i++) {

        landscape[i] = new Array(int(cols));

        for (let j = 0; j < landscape[i].length; j++) {

            landscape[i][j] = 0;

        }

    }

}

​

function draw() {

  background(25);

    rotateX(PI/3);

    translate(-width,-height/2);

    noFill();

    stroke(255);

    terrain();

    grid();

}

​

function grid() {

    beginShape();

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

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

            vertex(x*res,y*res, landscape[x][y]);

            vertex(x*res,(y+1)*res, landscape[x][y+1]);

        }

    }

    endShape();

}

​

function terrain() {

    for (let i = 0; i < landscape.length; i++) {

        for (let j = 0; j < landscape[i].length; j++) {

            landscape[i][j] = map(noise(i,j),0,1,0,50);

        }

    }

}

​

​