Geometric Precision

let palettes = [

        {

    name: "CUPCAKE",

    colors: ['#996DD9','#6DD6D6','#575757','#CBCBCB'],

      },

        {

    name: "PUEBLO",

    colors: ['#EAA388','#FF7878','#575757','#CBCBCB'],

      },

        {

        name: "SPOOKY",

    colors: ['#414141','#7755BB','#996DD9','#AA99C9'],

      },

        {

        name: "RACE DAY",

    colors: ['#D12D35','#3478BC','#F8D86E','#575757'],

      },

        {

        name: "MAGMA",

    colors: ['#D12D35','#CFAFB1','#F8D86E','#CFC8AF'],

      },

        {

        name: "SIXTY FEET UNDER",

    colors: ['#444DA0','#449FA0','#7755BB','#CBCBCB'],

      }

];

​

let w,h,a,x,y,z, r, rPos, rCol,startX, startY, currentX, currentY, cubeStX, cubeStY, cubeSz, colors, flip, backG;

​

let paletteName,colScheme,beams,hasGrid,innerCube;

​

function setup() {

  w = 600; h = 600;

  createCanvas(w,h);

  colorSetup();

  background('#D2D2D2');

  r = random([1,2]);

  if(r==1){grid(); hasGrid='true';}

  else{hasGrid='false'}

  cubeSz = int(random(w/25,w/20));

  x = int(random(2,6));

  y=x; z=y;

  rCol = random(0,10);

  r = random([1,2,3,4]);

  if(r>1){beams='true'; }

  else{beams='false'; }

  r = random([1,2,3,4]);

  if(r>1){innerCube='true'; }

  else{innerCube='false'; }

  startX = 275;

  startY = startX;

  cubeStX = startX;

  cubeStY = cubeStX;

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

    row();

    startX = startX+cubeSz*(x*1.25);

    startY = startY-cubeSz*(x*.75);

    startY = startY-cubeSz*1.25;

    cubeStX = startX; 

    cubeStY = startY;

  }

  console.log("Palette name : "+ paletteName);

  console.log("Cube size : "+ cubeSz);

  console.log("Cube coloring : "+ colScheme);

  console.log("Beams : "+ beams);

  console.log("Grid : "+ hasGrid);

  console.log("Inner cubes : "+ innerCube);

}

​

​

function colorSetup(){

  a = int(random(0,palettes.length));

  paletteName = palettes[a].name;

  colors = shuffle(palettes[a].colors);

}

​

function cubing(){

  strokeWeight(.5);

  stroke('#2E2E2E')

  if(rCol>5){

    colScheme = 'Per Cube';

    fill(colors[random([0,1,2,3])]);

  }

  if(rCol<=5){

    colScheme = 'Mixed';

    fill(colors[random([0,1,2,3])]);

  }

  //left

  quad(cubeStX,cubeStY, 

       cubeStX,cubeStY+cubeSz, 

       cubeStX+cubeSz,cubeStY+cubeSz*1.5, 

       cubeStX+cubeSz,cubeStY+cubeSz*.5); 

  //inner left

  if(innerCube=='true'&&random(0,5)>4){

  if(colScheme=='Mixed'){fill(colors[random([0,1,2,3])]); }

   quad(cubeStX+cubeSz*.125,cubeStY+cubeSz*.25, 

       cubeStX+cubeSz*.125,cubeStY+cubeSz*.875, 

       cubeStX+cubeSz*.875,cubeStY+cubeSz*1.25, 

       cubeStX+cubeSz*.875,cubeStY+cubeSz*.625); 

  }

  //right

  if(colScheme=='Mixed'){fill(colors[random([0,1,2,3])]); }

  quad(cubeStX+cubeSz,cubeStY+cubeSz*1.5, 

       cubeStX+cubeSz,cubeStY+cubeSz*.5, 

       cubeStX+cubeSz*2,cubeStY, 

       cubeStX+cubeSz*2,cubeStY+cubeSz); 

  //inner right

  if(innerCube=='true'&&random(0,5)>4){

  if(colScheme=='Mixed'){fill(colors[random([0,1,2,3])]); }

  quad(cubeStX+cubeSz*1.125,cubeStY+cubeSz*1.25, 

       cubeStX+cubeSz*1.125,cubeStY+cubeSz*.625, 

       cubeStX+cubeSz*1.875,cubeStY+cubeSz*.25, 

       cubeStX+cubeSz*1.875,cubeStY+cubeSz*.875);

  }

  //top

  if(colScheme=='Mixed'){fill(colors[random([0,1,2,3])]); }

  quad(cubeStX,cubeStY, 

       cubeStX+cubeSz,cubeStY+cubeSz*.5, 

       cubeStX+cubeSz*2,cubeStY, 

       cubeStX+cubeSz,cubeStY-cubeSz*.5); 

  //inner top

  if(innerCube=='true'&&random(0,5)>4){

  if(colScheme=='Mixed'){fill(colors[random([0,1,2,3])]); }

  quad(cubeStX+cubeSz*.25,cubeStY, 

       cubeStX+cubeSz,cubeStY+cubeSz*.375, 

       cubeStX+cubeSz*1.75,cubeStY, 

       cubeStX+cubeSz,cubeStY-cubeSz*.375); 

  }

}

​

function row (){

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

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

      cubing();

      if(beams=='true' && random(0,20)>19){stripe();}

      cubeStX=cubeStX+cubeSz*1.25; 

      cubeStY=cubeStY+cubeSz*.75;

    }

    cubeStX=startX-cubeSz*1.25;

    cubeStY=startY+cubeSz*.75;

    startX=cubeStX;

    startY=cubeStY;

  }

}

​

function stripe(){

  noStroke();

  fill(colors[random([0,1,2,3])]);

  r = random([1,2,3,4]);

  if(r==1){

    quad(cubeStX+cubeSz,cubeStY+cubeSz*.5, 

       cubeStX+cubeSz,0,

       cubeStX,0,

       cubeStX,cubeStY); 

  } //up

  else if (r==2){

    quad(cubeStX+cubeSz,cubeStY+cubeSz*.5, 

       cubeStX+cubeSz,h,

       cubeStX,h,

       cubeStX,cubeStY); 

  } //down

  else if (r==3){

    quad(cubeStX,cubeStY, 

         cubeStX,cubeStY+cubeSz,

         0,cubeStY+cubeSz,

         0,cubeStY); 

  }

  else {

    quad(cubeStX+cubeSz*2,cubeStY, 

         cubeStX+cubeSz*2,cubeStY+cubeSz,

         width,cubeStY+cubeSz,

         width,cubeStY); 

  }

}

​

function grid(){

  currentX=0; currentY=0;

  backG = random([8,16,32,64,128]);

  strokeWeight(.5);

  stroke('#C0C0C0');

  while(currentX<width){

    line(currentX,0,currentX,width);

    currentX = currentX+width/backG;

  }

  currentX=0;

  while(currentY<height){

    line(0,currentY,height,currentY);

    currentY = currentY+height/backG;

  }

} 

​

​