Pegs Landscape

// colors and color array

let rainbow=['#64A23B','#A2413B','#3BA280','#3B84A2','#623BA2'];

let fullSpectrum=['#64A23B','#A2413B','#3BA280','#3B84A2','#623BA2'];

let warmSpectrum=['#900C3F','#FAA040','#FC6486','#FF9A00','#C11418'];

let coolSpectrum=['#3544FE','#B600FF','#7F4FE4','#815CF9','#2D9EF6'];

let grassySpectrum=['#5EF62D','#B7F95C','#098C07','#EAFF36','#72FF81'];

let darkSpectrum=['#464141','#7C7C7C','#A4A4A4','#988E8E','#8E8F98'];

let spectrumArray = [rainbow, darkSpectrum,fullSpectrum,warmSpectrum,coolSpectrum,grassySpectrum];

​

// plane and peg variable declaration

let planeSize;

let planeY;

let planeX;

let planeDivider;

let pegHeight;

​

function setup() {

  createCanvas(600,600, WEBGL);

  angleMode(DEGREES);

  noLoop();

}

​

function draw() {

  // context setup

  background(120);

  fill(120,120,20);

  rotateX(60);

  //plane and pegs setup

  planeSize = random(200,400);

  planeDivider = int(random(5,20));

  // plane(planeSize,planeSize);

  pegSize = planeSize/planeDivider;

  palette = spectrumArray[int(random(0,spectrumArray.length))];

  // console.log(planeSize);

  // console.log(planeDivider);

  // console.log(pegSize);

  translate(-((planeSize-pegSize)/2),-((planeSize-pegSize)/2),0);

  for (let i=0;i<planeDivider;i++)

  {

    push();

    for (let i=0; i<planeDivider; i++){

      pegHeight = random(25,75);

      fill(palette[int(random(0,palette.length))]);

      box(pegSize, pegSize, pegHeight); 

      translate(pegSize,0,0);

    }

    pop();

    translate(0,pegSize,0); 

  }

}