let height =  300;

​

​

let size = 20;

let rry ;

let index =0;

let counter = 0;

​

function setup() {

​

  createCanvas(width , height,WEBGL);

​

  rry = ['red','blue','yellow']//rryColors(4);

​

​

​

}

function rryColors(arg){

​

  let colo = [];

​

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

      let c = 'hsba('+floor(random(360))+',100%,100%,1)';

      colo.push(c);

    }

​

    return colo;

}

​

function CubeSidesA(){

​

​

  for(let k =0; k<3; k++){

​

    rotateY(90);

    rotateZ(90);

​

    let counter = 0;

    let col     = 0;

    let counter_ = 0;

​

    let tmp = size * 0.5;

​

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

​

    if(col == rry.length){

      col = 0;

    }

​

    let cc = 0;

    let tmp_ = floor((width)/size);

    let c = rry[col];

​

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

​

      if(counter == rry.length){

        counter = 0;

      }

​

      if(cc == tmp_ - 1){

        counter = 0;

      }

​

        push();

​

        translate(x,y,0);

​

​

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

        pipe.display();

​

        pop();

​

        cc++;

        counter++;

    }

    counter_++;

    col++;

  }

​

}

}

function draw(){

​

    // rry = rryColors(4);

    camera(-600, -600, 1500);

    background(255);

    orbitControl();

​

    let sp=10;

​

//      rotateX(frameCount * sp);

//      rotateZ(frameCount * sp);

​

    push();

    CubeSidesA();

    pop();

​

    push();

    translate(width,width,width);

    rotateX(180);

    rotateZ(90)

    CubeSidesA();

    pop();

​

​

​

}

function mouseClicked(){

  // saveCanvas('sample.png');

}

​