constructor(x, y) {

        this.x = x;

        this.y = y;

    }

}

​

​

var col1 = [];

var col2 = [];

var col3 = [];

var col4 = [];

var col5 = [];

var col6 = [];

var col7 = [];

var col8 = [];

var col9 = [];

var col10 = [];

var col11 = [];

​

​

​

//create random points for column 

function randoCol(col, x, minY, maxY, points)

{

  line(x, minY, x, maxY);

  for (i = 0; i < points; i++)

  {

    col[i] = new Point(x, random(minY, maxY));

  }

}

​

​

function changeColX(col, x, minY, maxY)

{

  line(x, minY, x, maxY);

  newCol = []; 

  for (i = 0; i < col.length; i++)

  {

    newCol[i] = new Point(x, col[i].y);

  }

  return newCol;

}

​

function makeCols()

{

  maxY = height - 50;

  minY = 10; 

  points = 20; 

  push()

  strokeWeight(20);

  stroke("purple");

  randoCol(col1, 10, minY, maxY, points);

  randoCol(col2, 400, minY, maxY, points);

  randoCol(col3, 800, minY, maxY, points);

  randoCol(col4, 1200, minY, maxY, points);

  randoCol(col5, 1600, minY, maxY, points);

  randoCol(col6, 2000, minY, maxY, points);

  randoCol(col7, 2400, minY, maxY, points);

  randoCol(col8, 2800, minY, maxY, points);

  randoCol(col9, 3200, minY, maxY, points);

  randoCol(col10, 3600, minY, maxY, points);

  col11 = changeColX(col1, 4000, minY, maxY); 

  pop();

}

​

function plot2Cols(ColA, ColB)

{

  for (i = 0; i < ColA.length; i++)

  {

    push();

    strokeWeight(15);

    line(ColA[i].x, ColA[i].y, ColB[i].x,ColB[i].y);

    pop();

  }

}

​

function plotCols()

{

  plot2Cols(col1, col2);

  plot2Cols(col2, col3);

  plot2Cols(col3, col4);

  plot2Cols(col4, col5);

  plot2Cols(col5, col6);

  plot2Cols(col6, col7);

  plot2Cols(col7, col8);

  plot2Cols(col8, col9);

  plot2Cols(col9, col10);

  plot2Cols(col10, col11);

}

​

function placePoints(colA, c)

{

    for (i = 0; i < colA.length; i++)

  {

    stroke(c);

    ellipse(colA[i].x, colA[i].y,20,20);

  }

}

​

function placeAllPoints()

{

  placePoints(col1, "red");

  placePoints(col2, "red");

  placePoints(col3, "red");

  placePoints(col4, "red");

  placePoints(col5, "red");

  placePoints(col6, "red");

  placePoints(col8, "red");

  placePoints(col9, "red");

  placePoints(col10, "red");

  placePoints(col11, "red");

}

​

function setup() {

  createCanvas(4096, 4096);

  background(220);

  makeCols();

  plotCols();

  placeAllPoints();

}  

​

function draw() {

  //background(220);

}

​

​