let size;

let padding;

let rry ;

let rry_;

let pipes = [];

let index =0;

let counter = 0;

let width = 7000;

let height = 7000;

function setup() {

  createCanvas(width, width);

  angleMode(DEGREES);

  rectMode(CENTER);

  strokeCap(SQUARE);

​

​

  size = width * 0.05;

  padding = 0;

​

  rry = rryColors(3);

  rectStyle();

}

function rryColors(arg){

​

  let colo = [];

​

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

      print(i)

      let c = 'hsba('+floor(random(360))+',65%,70%,0.8)';

      colo.push(c);

    }

​

    return colo;

}

function rectStyle(){

​

  let col     = 0;

  let counter_ = 0;

​

  for(let y=padding;y<height; y+=size){

​

      if(col == rry.length){

        col = 0;

      }

​

      let cc = 0;

      let tmp = ceil((width - padding * 2)/size);

      let c = rry[col];

​

​

    for(let x=padding;x<width; x+=size){

​

      if(counter == rry.length){

        counter = 0;

      }

​

      if(cc == 18){

        counter = 0;

        cc=0;

      }

​

      pipe = new Pipe(x,y,size,counter,c,counter_);

      pipes.push(pipe);

​

      cc++;

      counter++;

​

    }

    counter_++;

    col++;

​

  }

}

function draw() {

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

​

      pipes[i].display();

​

    }

      print('Done');

      noLoop();

}

function mouseClicked(){

  saveCanvas('sample.png');

}